2011-10-24 67 views
2

我最近上傳了我的個人作品集網站(www.edwardmanson.com),並一直試圖找到方法來保持手風琴部分中的第一個標籤(關於我)訪問該網站。jQuery手風琴 - 第一個標籤打開訪問

$(document).ready(function() { 
$(".desc").hide(); 
$("h3.open-close").click(function(){ 
if ($(this).is(".current")) 
{ 
$(this).removeClass("current"); 
$(this).next(".desc").slideUp(400); 
} 
else 
{ 
$(".desc").slideUp(400); 
$("h3.open-close").removeClass("current"); 

$(this).addClass("current"); 
$(this).next(".desc").slideDown(400); 
} 
}); 
}); 
+0

注意足夠的信息,看http://jqueryui.com/demos/accordion/它說在那裏如何打開你想要的任何標籤。 -1 – Matt

回答

0

它看起來像你沒有使用JQuery手風琴,但自定義生成手風琴。我建議將它改爲JQUery手風琴。默認情況下,第一把手風琴將會打開,這就是你要做的。

要在您的範例中得到這樣的效果,只需添加到您的custom.js文件:

$( 「說明:第一個。」)顯示()。

恰好這個位置添加此(這是你的JS文件看起來像

/*************************************************** 
TOGGLE JAVASCRIPT 
***************************************************/ 
$(document).ready(function() { 

$(".desc").hide(); 
$(".desc:first").show(); // <-- ADD IT HERE, AFTER THIS FIRST HIDE() CALL! 

如果你想保持到第一個開放,可隨時,然後簡單地從第一刪除「遞減」級在HTML文件中H3標籤

小例子:。 http://jsfiddle.net/j8adC/

+0

非常感謝 – TG90

1

這將做的工作......

$("html body div#wrap div#main div#accordian_wrap div#container h3.open-close a span").trigger('click'); 

但你可能想看看,以確定可點擊對象更準確....這可能會改變頁面的編輯。

只是看你是否能在跨度/標籤設置ID左右,因此它可以變成:

$("#firstItemOpen").trigger('click'); 
+1

....好吧,你也可以查看文檔。有可能是「defaultOpen」課程 – Steen

0

您可以使用插件的activate方法。有關更多信息,請參閱API documentation

喜歡的東西:

$("#accordion").accordion("activate" , 0)

(如果您的選項卡的 「關於我」 是第一個)

[編輯]
這裏是一個工作的jsfiddle:http://jsfiddle.net/cA6bK/

您可以隨時觸發此API(onload,onchange或任何)

0
$('.desc').not(':first').hide(); 

應該隱藏所有,但第一遞減DIV 另外,將.current類添加到您的第一個div。

這是假設它是您想要打開的第一個div。

0

使用active參數

$("#myAcc").accordion({ 
    active: $(".defaultOpen") 
}); 
0

你可以試試這個:

$("#youdiv").addClass('in').attr('aria-expanded', 'true');