默認打開切換

所以我在我的頁面jsfiddle.net/p4vQK/上有這個手風琴，並希望在同一頁面上有完全相同的一組手風琴，但默認打開第一個切換鍵。默認打開切換

這是js代碼我使用，使第一肘活躍

$('.accordion .accordion-content:eq(0)').slideDown(); 
$('.accordion .accordion-title:eq(0)').attr('stus', 'active').addClass('active');

然而，當2臺手風琴是在同一頁上不起作用。

希望有人幫助我實現這一點。謝謝！

來源

2013-07-26 Tiago

您在您的文章提到的js代碼似乎爲我工作的罰款。你使用的是什麼瀏覽器？ –

@ user1506980當頁面中有2個手風琴時，此代碼不起作用（只有1個應該有2個時打開）。 –

這是期望的結果嗎？對於兩套手風琴來說，第一個孩子默認打開？ –

而是與eq()選擇的，試圖用第一胎選擇：

$('.accordion li:first-child .accordion-content').slideDown(); 
$('.accordion li:first-child .accordion-title').attr('stus', 'active').addClass('active');

小提琴：http://jsfiddle.net/p4vQK/3/

我也改變一些東西，因爲當有多個手風琴代碼wasnt工作。

您需要關閉手風琴在同一UL：

$(this).closest('.accordion').find('.accordion-content').slideUp(); 
$(this).closest('.accordion').find('.accordion-title').attr('stus', '').removeClass('active');

來源

2013-07-26 02:24:43

偉大我剛剛測試了你的代碼並且工作正常，但是如何讓其中一個手風琴設置爲默認關閉所有的切換？所以基本上我想要一個所有切換關閉的設置，另一個默認打開第一個切換。非常感謝你;） – Tiago

@ user1628193最簡單的方法是給你的手風琴添加一個id，並在第一個手風琴上執行slideDown。 [fiddle]（http://jsfiddle.net/ydHkd/），或者你可以使用'$（'。accordion：eq（0）li：first-child .accordion-content'）。slideDown（）;' –

It工作得很好！太感謝了！ – Tiago

默認打開切換

回答

相關問題