如何在此jQuery代碼中打開和關閉div的一個按鈕？

Question

$(document).ready(function(){ 

     $('#content1').hide(); 

      $('a#open').click(function(){ 

      $('#content1').show('slow'); 

    }); 

    $('a#close').click(function(){ 
     $('#content1').hide('slow'); 
     }) 

     }); 

中的toogle開關按鈕的這段代碼

是不同

<a>和<a id="close">

我想使同一按鈕<a>的開啓和關閉，並希望給不同的背景圖像打開和關閉位置

Answer 1

$('a').click(function(){ 
    $('#content1').slideToggle(); 
}); 

如果你想改變它們的CSS，你可以按照以下方式重新編寫它。

$('a').click(function(){ 

     if ($('#content1').is(":visible")) 
     { 
      //change your css here 
      //for eg. $(#content1).css('background-image', first_image); 
      $('#content1').hide('slow'); 
     } 
     else{ 
      //change your css here 
      //for eg. $(#content1).css('background-image', second_image); 
      $('#content1').show('slow'); 
     } 

}); 

Answer 2

製作屬於自己的函數ShowOrHide（），並在單擊該按鈕時調用該函數。

在ShowOrHide中，查看div是否已經可見/隱藏，然後做相反的操作。

然後你只需要一個按鈕來執行這兩個操作。

Answer 3

查看API的Toggle部分。

Answer 4

Check out this jsFiddle我前一陣子。 （有很多來自SO的幫助）

希望這是你要找的。

希望它有幫助。