开发者

JQuery - Toggle divs in newsflow

Trying to show/hide severals divs using jquery after each news on my page.

<div class="newsbox">
    <a href="#" class="item">Comments</a>
    <a href="#" class="item">Confirm</a>
</div>

Want each of these links to show a specific div with content connected to that news. Here are the divs that are hidden by default.

<div class="itemComments">
    CONTENT
</div>
<div class="itemConfirm">
    CONTENT
</div>

How could I write a JavaScript 开发者_JAVA百科with JQuery that works regardless the number of news?

Thanks!

EDIT: To prevent selecting all .itemComments on the page maybe I can select the next element with that classname starting from the element with the clickevent. Any ideas?


Try this :

$('div.newsbox a').click(function(){
   $('div.'+$(this).attr('class')+$(this).text()).show()
})

NEXT ONE :

$('div.newsbox a').click(function(){
   $('div.item'+$(this).text()).eq($(this).index()).show();
})


Why not just use jQuery UIs tabs widget? The markup is similar and you can roll your own theme

JQ UI Tabs : http://jqueryui.com/demos/tabs/

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜