2016-05-12 51 views
0

1 - 我有一個jQuery手風琴3面板。如何隱藏jQuery手風琴塊

2-我需要通過js隱藏任何給定的面板。

3 - 在互聯網上,我找到了這個腳本,它都非常好,比第一

$('#myAccord').accordion().children('.ui-accordion-header:eq(index)').hide(); 

其他面板如果在第一個面板上使用這個腳本,會出現一個截斷線。

是否有辦法處理所有情況,包括第一個面板?

<div id="myAccord">     
    <b><img src="img1.png">option1</b>      
    <div id="data1"></div> 

    <b><img src="img2.png">option2</b>      
    <div id="data2"></div> 

    <b><img src="img3.png">option3</b>      
    <div id="data3"></div> 
</div> 

$("#myAccord").accordion({ 
    heightStyle: "content", 
    collapsible: true 
}); 

由於

+0

這聽起來像你想學習如何做到這一點,而不是與你已經建立的一些問題。查看https://jqueryui.com/accordion/#collapsible以瞭解手風琴與jquery UI – atomCode

回答

2

問題是.ui-accordion-header僅隱藏首標,而不是在div本身。最好的辦法是明確隱藏每一個元素:

$('#myAccord').accordion().children('b:eq(index), div:eq(index)').hide(); 
+0

的工作方式如同魅力。謝謝。 –