我需要一些TAB代碼的幫助，Jquery

Question

這麼長的故事總結，即時通訊工作與一些jQuery的標籤和即時通訊使用此代碼。

css of the tabs: 

/* ---------- INNER CONTENT (ACCORDION) STYLES ----*/ 
.accordian {  
    background-color:#fff; 
    margin:20px auto; 
    color:red; 
    overflow:hidden; 

} 

#boxOut{ 
    width:320px; 
    height:410px; 
    overflow:scroll; 
    background-color:#fff; 
    margin:154px auto auto 38px; 

} 






/*.accordian { 
    width: 400px; 
    margin: 50px auto; 
} 
*/ 
.accordian li { 
    list-style-type: none; 
    padding: 0 8px; 
} 

.dimension { 
/* height: 400px; 
*/} 


.odd, .even { 
    font-weight: bold; 
    height: 27px; 
    padding-top: 3px; 
    padding-left: 10px; 
    border: 1px solid #d8d8d8; 
    background: #ececec; 
    color: #333; 
    border-radius: 8px; 
-moz-border-radius: 8px; 
-webkit-border-radius: 8px; 
margin-left:6px; 
margin-right:6px; 

} 

.logo{ 
    width:300px; 
    margin:6px auto; 
} 

.intownLogo{ 
    width:255px; 
    margin:6px auto; 
} 

.spaces{ 
    margin-top:8px; 
} 

JS：

$(function() { 
     // Hide all the content except the first 
     //$('.accordian li:odd:gt').hide(); 
     $('.accordian li:odd').hide(); 


     // Add the dimension class to all the content 
     $('.accordian li:odd').addClass('dimension'); 

     // Set the even links with an 'even' class 
     $('.accordian li:even:even').addClass('even'); 

     // Set the odd links with a 'odd' class 
     $('.accordian li:even:odd').addClass('odd'); 

     // Show the correct cursor for the links 
     $('.accordian li:even').css('cursor', 'pointer'); 

     // Handle the click event 
     $('.accordian li:even').click(function() { 
      // Get the content that needs to be shown 
      var cur = $(this).next(); 

      // Get the content that needs to be hidden 
      var old = $('.accordian li:odd:visible'); 

      // Make sure the content that needs to be shown 
      // isn't already visible 
      if (cur.is(':visible')) 
       return false; 

      // Hide the old content 
      old.slideToggle(500); 

      // Show the new content 
      cur.stop().slideToggle(500); 

     }); 
    }); 

我jQuery是noobish充其量所以雖然我已瞭解了它的時候，我不能編輯它不破壞它...上帝知道我用盡笑。

im有問題的部分是，使用這些標籤，雖然他們工作，他們與.next（）函數等工作，所以當一個標籤打開，如果我點擊相同的標籤關閉，它doesn關閉時，只有在另一個選項卡被點擊時它纔會關閉。

是林與需要幫助....東西，說

「邏輯」，如果這個標籤已經被打開和點擊，關閉當前打開的選項卡。 讓說，例如，基於上述

僞碼的代碼來：

if (cur.is(':visible') && cur.is(':clicked')) 
     cur.slideToggle(); 

感謝先進的幫助。

Answer 1

您可以使用.toggle()事件。這很簡單 - 你將它作爲參數傳遞。當你點擊目標時，每個功能依次運行。一個簡單的例子：

cur.toggle(
    function() //function 1 
    { 
     cur.show(); 
    }, 
    function() //function 2 
    { 
     cur.hide(); 
    } 
); 

的第一次點擊，它運行的第一個函數，執行cur.show();。下一次單擊運行第二個函數，運行cur.hide();。再次點擊運行第一個功能，等等。你甚至可以添加更多的功能，所以你可以在第1次到第n次點擊中反覆使用特定的功能。