jquery - Jquery可折叠UI选项卡，单击图标时折叠选项卡

Question

使用可折叠选项卡，该选项卡可以切换内容的打开和关闭。我仍然希望单击选项卡以打开内容，但我希望用户单击图标以折叠选项卡。我将如何实施？

这是我的jsfiddle的链接。

$(function() {
$( "#tabs" ).tabs({
    selected: -1,
    collapsible: true
});
});

Answer 1

这可能不是最好的解决方案。但重要的是让它可行。

试试这个如果它有助于解决你的情况

$(function() {
$( "#tabs" ).tabs({
    selected: -1,
    collapsible: true
});
$(".ui-icon-close").click(function(){
    var attrValue = $(this).parent().attr("aria-controls");
    if ($("#" + attrValue).is(':visible'))
    $(this).prev().click();
});
});

http://jsfiddle.net/g8PNN/3/