javascript - 单击时 Accordion 选项卡定位到顶部

标签 javascript jquery html css accordion

我必须将单击的 Accordion 选项卡(此处为标签)定位到顶部寡妇位置,以便我可以一次单击阅读完整的选项卡内容。如果有 a 标签,我知道如何使用 # 或 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>

最佳答案

这是您可以自己制作的(非常简单的) Accordion :http://jsfiddle.net/2savod3v/

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

关于javascript - 单击时 Accordion 选项卡定位到顶部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26506765/

相关文章:

jquery - 设置脚位置

javascript - 如何进行 JavaScript 转换

html - SVG 路径中的工具提示在纯 html 中工作时不起作用

php - 想要循环定位特定帖子

javascript - 我可以使用 document.createElement 即时创建一系列 DIV 吗?

javascript - 如何在按钮单击时添加输入字段

Javascript fadeTo 递增

javascript - 执行操作后复选框条件渲染 - ReactJS

javascript - Kendo UI Mobile vs Sencha Touch vs Intel App Framework

jquery - 知道为什么快速移动光标时没有注册 mouseleave 事件吗?