用jquery打開多個手風琴

-1

我有兩個手風琴，現在我的任務是如果我可以點擊任何一個手風琴，它會自動打開（展開）兩個手風琴，如果我關閉任何一個自動關閉（摺疊）兩個手風琴。？請任何人幫我用示例代碼。我使用bootstrap和jquery。用jquery打開多個手風琴

來源

2015-09-22 Navya Prasad

你必須張貼問題的代碼......然後我們就可以幫助..你不能指望從這裏人們代碼.. –

您正在尋找這樣的事情？

提琴手：https://jsfiddle.net/99x50s2s/119/

解決方案應用：

使用普通類手風琴控制和頭切換他們的鏈接的點擊事件

代碼：

$('.collapse-link').on('click', function(){ 
    $('.collapseOne').collapse('toggle'); 
});

HTML

<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true"> 
    <div class="panel panel-default"> 
    <div class="panel-heading headingOne" role="tab"> 
     <h4 class="panel-title"> 
     <a class="collapse-link" role="button" data-toggle="collapse" data-parent="#accordion" href="#" aria-expanded="true" aria-controls="collapseOne"> 
      Collapsible Group Item #1 
     </a> 
     </h4> 
    </div> 
    <div class="panel-collapse collapseOne collapse" role="tabpanel" aria-labelledby="headingOne"> 
     <div class="panel-body"> 
     Some test content 1 
     </div> 
    </div> 
    </div> 
    <div class="panel panel-default"> 
    <div class="panel-heading headingOne" role="tab"> 
     <h4 class="panel-title"> 
     <a class="collapse-link" role="button" data-toggle="collapse" data-parent="#accordion" href="#" aria-expanded="false" aria-controls="collapseOne"> 
      Collapsible Group Item #2 
     </a> 
     </h4> 
    </div> 
    <div class="panel-collapse collapseOne collapse" role="tabpanel" aria-labelledby="headingOne"> 
     <div class="panel-body"> 
     Some test content 2 
     </div> 
    </div> 
    </div> 
</div>

來源

2015-09-22 05:38:45

嗨ganesh，非常感謝它工作正常。 –

嗨ganesh我面臨一個問題，我有四個手風琴左側兩個（LHS1，LHS2）和右側兩個（RHS1，RHS2）accordions.Now我打開LHS1，然後RHS1也自動打開。現在我打開LHS2然後RHS2在LHS2打開時間自動打開LHS1的頂部已摺疊，但RHS1未摺疊。 –

@NavyaPrasad，你能分享你的代碼導致這個問題？ –

看看這fiddle，這樣做的工作，但有點不同。

它展開和摺疊在一個anchor tag點擊

http://jsfiddle.net/s5hAw/781/

您還可以檢查這個簡單plugin，完成該工作

http://accordion-cd.blogspot.in/

來源

2015-09-22 05:08:29

喜subramanyam，我不想全部展開和摺疊所有的超鏈接。我只需要兩個手風琴，只要你點擊第一個手風琴，它就會打開並自動打開第二個手風琴。 –

嘿看到，也可以使用引導手風琴，http：//www.bootply.com/tagged/accordion – Kisspa

嗨kisspa，我不想打開所有，並關閉所有。 –

用jquery打開多個手風琴

回答

相關問題