我不是jQuery专家,但我默认使用基于图标的服务选项卡折叠了2行手风琴,除了...之外,所有手风琴都正在加载和工作正常。
如果用户已打开第1行然后单击第2行中的图标,则应在打开第2行之前关闭第1行(反之亦然)。目前它打开第2行而不关闭第1行。
如果您单击任一行中的图标,它将自动关闭,以便部件正常工作。我正在向您展示正在使用的代码,希望有人可以指出缺少的代码。 事先道歉可能很明显,但我很想念它。
$(function () {
$("#tabs-services-row1, #tabs-services-row2").tabs({/*,#tabs-services-row3,#tabs- services-row4*/
collapsible: true,
active: 'false', //none
selected: -1,
fx: { height: 'toggle', duration: 'normal' }
});
return false;
$("#tabs-services-row1 ul.toptabs li a").click (function(){
$( "#tabs-services-row2" ).tabs('option', 'selected', -1);
});
$("#tabs-services-row2 ul.toptabs li a").click (function(){
$("#tabs-services-row1,").tabs('option', 'selected', -1);
});
$("#tabs-services-row1.tab-pane a.btn-tabs-services-close").click (function(){
$( "#tabs-services-row1" ).tabs('option', 'selected', -1);
return false;
});
});