[英]Bootstrap control accordion from seperate menu
我有一組4個自舉式手風琴,並且在導航中使用下拉菜單打開手風琴。
我可以打開手風琴,但是當我打開多個手風琴卻無法關閉先前打開的手風琴時,是否可以通過單擊另一個鏈接來關閉打開的手風琴?
$('li.accordion-nav a').click(function() {
var aLink = $(this).attr('href').replace(/^.*?(#|$)/,'');
$('#' + aLink).collapse('show', function(){
$('.accordion-panel').not('#' + aLink).collapse('hide');
});
});
據我正確理解,也許您可以使用類似這樣的方法:
JS:
$( "select" ).change(function(e) {
var val = $("select option:selected").val();
$('a#' + val).click();
});
$('a[data-parent="#accordion"]').click(function(e) {
$('select#dropdown').val($(this).attr('id'));
});
HTML:
<div>
<select id='dropdown'>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</div>
<br>
<div class="panel-group" id="accordion">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" id='1'>
Collapsible Group Item #1
</a>
</h4>
</div>
<div id="collapseOne" class="panel-collapse collapse in">
<div class="panel-body">
Anim pariatur cliche
</div>
</div>
</div>
....
</div>
感謝Phoenix的幫助,我使用了此功能:
$('li.accordion-nav a').click(function() {
var aLink = $(this).attr('href').replace(/^.*?(#|$)/,'');
$('a[href="#' + aLink + '"]').click();
return false;
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.