如何使所有菜單關閉的手風琴加載？

我想所有菜單默認關閉。

在此先感謝！ PS：我對JavaScript一無所知，所以如果你用小提琴演示你的答案，這將有所幫助。

$('.info').find('.accordion-toggle').click(function() { 
    //Expand or collapse this panel 
    $(this).toggleClass("open").next().slideToggle('fast'); 
    //Hide the other panels 
    $(".accordion-toggle").not($(this)).removeClass("open"); 
    $(".accordion-content").not($(this).next()).slideUp('fast'); 
});

來源

2016-10-28 David Martins

http://jsfiddle.net/etfs1L43/44/看到更新的小提琴 – prasanth

查看更新JsFiddle

<div class='info'> 
    <h1 class='accordion-toggle (remove this class ->)open'>Header 1 </h1> 

    <div class='accordion-content (remove this class ->)default'>Content 1...</div> 
    <h1 class='accordion-toggle'>Header 2 </h1> 

    <div class='accordion-content'>Content 2...</div> 
    <h1 class='accordion-toggle'>Header 3 </h1> 

    <div class='accordion-content'>Content 3...</div> 
</div>

有需要的剛需沒有JS變化在第一個H1標籤中刪除公開課，並在其下面的div中創建默認課程。

來源

2016-10-28 11:12:54 Badr

我感覺有點傻，我沒注意到。你的回答非常明確，並且非常緊張。在您使用代碼和小提琴進行編輯之前，我已經知道了它。感謝你們對我的幫助。 –

刪除「開放」和「默認」

<div class='info'> 
    <h1 class='accordion-toggle'>Header 1 </h1> 

    <div class='accordion-content'>Content 1...</div> 
    <h1 class='accordion-toggle'>Header 2 </h1> 

    <div class='accordion-content'>Content 2...</div> 
    <h1 class='accordion-toggle'>Header 3 </h1> 

    <div class='accordion-content'>Content 3...</div> 
</div>

「開放」類設置標題樣式來打開和「默認」設置內容爲表明用戶交互

之前默認內容

來源

2016-10-28 11:06:21 mikepa88

現在你需要解釋*爲什麼這個工程。 :) –

「open」類將標題樣式設置爲打開，「default」將內容設置爲用戶交互前默認顯示的內容。 – mikepa88

是的，*我知道;這是OP「* [不知道JavaScript的任何內容]。」*任何代碼解釋都需要在答案中，它的可見性和易讀性;而不是格式化的評論 - 比如說 - 對於有意義的交流來說是非常殘酷的。 –

如何使所有菜單關閉的手風琴加載？

回答

相關問題