Распад все вкладки при нажатии кнопки нажмите

Question

сценарий:

$(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, но это не работать какой-нибудь идеей?

Answer 1

Попробуйте 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> 

Answer 2

Из документации:

Если установлено значение истинно, активная панель может быть закрыта.

С Jquery не выставляет метод, чтобы закрыть все вкладки, вам придется сделать это вручную:

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

Fiddle: http://jsfiddle.net/4mtM4/