jQuery Mobile .toggle（）不起作用

Question

我目前使用jQuery Mobile，並且只是希望在每次點擊按鈕時隱藏和顯示某些div。這裏是我的代碼：

$('#SignUpLink').click(function() 
      { 
        $('#signinputup').toggle('normal',function() { 
         $('#signinput').hide('fast'); 
        }, function() { 
         $('#signinput').show('fast'); 
        }); 
      }); 

我simlply要點擊SignUpLink按鈕，並希望signinput出現，使signinput消失，然後當我點擊SignUpLink我想反的情況發生。但隨着給定的代碼上面，我得到以下錯誤：

Uncaught TypeError: Property 'function() { 
         $('#signinput').hide('fast'); 
        }' of object #<Object> is not a function 

我不知道什麼是錯誤的手段，以及如何修復代碼以獲得功能我在尋找

Answer 1

嘗試像這樣，只要確保第二個元素事先隱藏起來

$('#SignUpLink').click(function() { 
    $('#signinput, #signinputup').toggle(); 
}); 

Answer 2

檢查syntax的toggle函數。它調用的四種不同的方式：

1. 兩個參數：

   .toggle([duration ] [, complete ]) 
   

   凡duration是一個數字或字符串和complete功能。

2. 一個參數：

   .toggle(options) 
   

   凡options是具有結構的對象。

3. 三個參數：

   .toggle(duration [, easing ] [, complete ]) 
   

   凡easing是一個字符串。

4. 一個參數：

   .toggle(showOrHide) 
   

   凡showOrHide是一個布爾值。

在你的代碼與參數調用，這是錯誤的因爲它不與任何的這場比賽：

$('#signinputup').toggle('normal', /*ONE*/ 
        function() {$('#signinput').hide('fast');}, /*TWO*/ 
        function() {$('#signinput').show('fast');} /*THREE??*/ 
);