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/