关闭全部标签时按一下按钮

脚本：关闭全部标签时按一下按钮

$(document).ready(function() { 
     $("#Tabs").tabs(); 

    $("#close").click(function() { 
    $("#Tabs").tabs({collapsible: true,active: false }); 
});

HTML：

<div id="Tabs"> 
    <ul> 
    <li><a href="#form_1">Details</a></li> 
    <li class="end"><a href="#form_2" style="width: 82px !important">Show Map</a></li> 
    </ul> 
    <div > 
    <div id="form_1" style="color:Black !important;" > 
     <div class="bg"> 
     form 1 
     </div> 
     </div> 
     <div id="form_2" style="color:Black !important;" > 
     <div class="bg"> 
     form 2 
     </div> 
     </div> 
    </div> 
     </div> 
    <a href="javascript:void(0)" class="close" id="close" >close</a>

我使用jQuery标签和我试图关闭所有打开的标签，当我在close点击，但它不是工作任何想法？

来源

2013-12-18 Sora

那么，什么是这个'tabs'？它是某种jQuery插件吗？ – kapa

是的，它是jquery标签 – Sora

你的意思是jqueryui标签？ –

试试这个jsFiddle..

的代码是像下面

jQuery函数...

$(document).ready(function() { 
     $("#Tabs").tabs(); 

    $("#close").click(function() { 
    $("#Tabs").tabs({ 
     hide: { 
      effect: "fade", 
      duration: 500 
     }, 
     show: { 
      effect: "fade", 
      duration: 500 
     }, 
     collapsible: true, 
     active: false 
    }); 
}); 
});

HTML代码...

<div id="Tabs"> 
    <ul> 
    <li> 
     <a href="#form_1"> 
     Details 
     </a> 
    </li> 
    <li class="end"> 
     <a href="#form_2" style="width: 82px !important"> 
     Show Map 
     </a> 
    </li> 
    </ul> 
    <div > 
    <div id="form_1" style="color:Black !important;" > 
     <div class="bg"> 
     form 1 
     </div> 
    </div> 
    <div id="form_2" style="color:Black !important;" > 
     <div class="bg"> 
     form 2 
     </div> 
    </div> 
    </div> 
</div> 
<a href="javascript:void(0)" class="close" id="close" > 
    close 
</a>

来源

2013-12-18 15:15:22

@索拉谢谢你..我可以为此投票 –

-1

从文档：

设置为true时，所述活性面板可以被关闭。

因为jQuery的不公开的方法来关闭所有选项卡，你将不得不做手工：

$("#close").click(function() { 
    $('.ui-tabs-panel').hide() 
});

小提琴：http://jsfiddle.net/4mtM4/

来源

2013-12-18 15:19:13

关闭全部标签时按一下按钮

回答

相关问题