jQuery - 如何翻譯jQuery slidetoggle中的Scriptaculous切換？

Question

我有一個非常簡單的問題（我猜！）

我使用Scriptaculous的合作，DOM效果添加到我的網頁
現在，我也使用jQuery，它似乎是Scriptaculous和jQuery

之間的衝突

如何翻譯這個：

<a href="#" onclick="Effect.toggle('header', 'blind', { duration: 1.0 }); return false;">link</a> 

到一個jQuery類似的效果？ （SlideToggle()也許？）

<a href="#" onclick="???; return false;">link</a> 

謝謝！

Answer 1

onclick = "javascript:$('#header').toggle(100);" 

假設您有一個ID爲標頭的元素。參數100是切換轉換的毫秒數。您也可以調用slideToggle（）。

Answer 2

首先，最好不要使用onclick屬性，而是在文檔就緒事件中分配點擊處理程序。這使您的標記和行爲分開。所以，你的鏈接將成爲：

<a href="#" class="toggleheader">link</a> 

和您的文檔準備事件：

$(document).ready(function() 
{ 
    $('.toggleheader').click(function() 
    { 
     $('#header').slideToggle('slow'); 
    } 
}