2011-08-22 52 views
0

當有人點擊單選按鈕時,是否可以一次性限制slideToggle動畫的動作..?我有一個是或否的問題,我寫了一個簡單的JQuery顯示隱藏的div,當我點擊'是'單選按鈕時,問題是它重複隱藏/顯示操作,當我點擊'是'按鈕時。任何解決方案...?單擊單選按鈕時,一次限制「slideToggle」動畫?

雖然我在JQuery的是新雖然我的jQuery代碼給出如下

$(document).ready(function(){ 
    $('#d01').click(function(){ 
      $(".c01").slideToggle();  
    }); 

    $('#d02').click(function(){ 
      $(".c01").hide(); 
    }); 
)}; 

(#D01) - 代表 '是' 單選按鈕。

(#d02) - 代表'否'單選按鈕。

(.c01) - 代表隱藏div。

AKHIL

+0

@ 3nigma我喜歡的滑動動畫,所以這就是爲什麼我只是用它:) –

回答

3

變化slideToggleslideDownslideToggle將隱藏元素,如果它已經顯示,並顯示它是否隱藏。也就是說,它在隱藏和顯示之間「切換」,因此也就是名稱。

slideDown另一方面會顯示匹配的元素,如果它們被隱藏,則不做任何事情。

注意,你也可以使用show,你也可以在你的#d02單擊事件處理程序,如果你希望動畫生效存在以及使用slideUp代替hide

+0

那工作!非常感謝James :) –

1

試試這個

$(document).ready(function(){ 
    $('#d01').click(function(){ 
      $(".c01").slideDown();  
    }); 

    $('#d02').click(function(){ 
      $(".c01").slideUp(); 
    }); 
)};