将Accordion选项卡定位到点击顶部

时间:2014-10-22 11:48:57

标签: javascript jquery html css3 accordion

我必须将点击的手风琴标签(此处为标签)定位到顶部寡妇位置,这样我只需点击一下即可阅读完整的标签内容。我知道如果有标签,如何使用#或id定位。但这是标签而不是标签。我的插件是完全用CSS3编写的。所以请帮我定制使用javascript / jQuery。我是jQuery的初学者。所以请帮忙。谢谢 。

<div>
   <label>Accordion Tab 1</label>
   <div class="contents"></div>
</div>
<div>
   <label>Accordion Tab 2</label>
   <div class="contents"></div>
</div>

1 个答案:

答案 0 :(得分:1)

这是一款(非常简单)手风琴,您可以自己构建:http://jsfiddle.net/2savod3v/

$("label").on('click', function() {
    $("div.contents").slideUp();
    $(this).next("div.contents").slideDown(); 
});