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/