手风琴选项卡定位到顶部点击

我必须将点击的手风琴选项卡（此处为标签）放置在顶部寡妇位置，这样我就可以通过一次单击来阅读完整的选项卡内容。我知道如何使用＃或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>

来源

2014-10-22 Sinju Angajan

将jQuery的UI选项卡没有帮助？ [jquery-ui选项卡（）]（http://jqueryui.com/tabs/） – Billy 2014-10-22 11:54:03

你能举个例子说明你在找什么？ – 2014-10-22 11:54:39

@比利已经所有的编码都做不了改变.. – 2014-10-22 12:02:33

这是一个（非常简单），手风琴，你可以自己建立：http://jsfiddle.net/2savod3v/

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

来源

2014-10-22 12:12:58

但我想将点击标签放置在顶部窗口位置。这是我想要的链接。 – 2014-10-22 12:16:06

然后你应该告诉浏览器像这样移动你的视口（它不会真正移动到顶端，因为内容太少）：http://jsfiddle.net/2savod3v/1/ $（window）。 scrollTop（activeDiv.offset（）。）顶部 – 2014-10-22 12:19:40

。我想现在有想法..谢谢你这么多:) – 2014-10-23 04:19:54

手风琴选项卡定位到顶部点击

回答

相关问题