2014-10-22 39 views
1

我必須將點擊的手風琴選項卡(此處爲標籤)放置在頂部寡婦位置,這樣我就可以通過一次單擊來閱讀完整的選項卡內容。我知道如何使用#或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> 
+0

將jQuery的UI選項卡沒有幫助? [jquery-ui選項卡()](http://jqueryui.com/tabs/) – Billy 2014-10-22 11:54:03

+0

你能舉個例子說明你在找什麼? – 2014-10-22 11:54:39

+0

@比利已經所有的編碼都做不了改變.. – 2014-10-22 12:02:33

回答

1

這是一個(非常簡單),手風琴,你可以自己建立:http://jsfiddle.net/2savod3v/

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

但我想將點擊標籤放置在頂部窗口位置。這是我想要的鏈接。 – 2014-10-22 12:16:06

+0

然後你應該告訴瀏覽器像這樣移動你的視口(它不會真正移動到頂端,因爲內容太少):http://jsfiddle.net/2savod3v/1/ $(window)。 scrollTop(activeDiv.offset()。)頂部 – 2014-10-22 12:19:40

+0

。我想現在有想法..謝謝你這麼多:) – 2014-10-23 04:19:54

相關問題