切換鍵，顯示和隱藏的元素，但移動按鈕的同時

我使用此代碼切換按鈕：切換鍵，顯示和隱藏的元素，但移動按鈕的同時

<script> 
    jQuery(document).ready(function(){ 
     jQuery('#MyToggleSwitch').live('click', function(event) { 

      jQuery('.ElementToHideAndShow').toggle('show'); 
     }); 
    }); 
</script>

我現在想移動#MyToggleSwitch向下50px的當按鈕被按下隱藏元素，然後將其移回50px以顯示元素....像燈光開關一樣思考。我也想在按下按鈕時改變按鈕的顏色。我該怎麼做呢？我該如何使頁面加載時首先隱藏元素？

來源

2011-03-30 WillingLearner

我不確定您爲什麼需要移動按鈕來隱藏它。 this work適合你嗎？另外，如果你只隱藏一個元素，爲什麼它是一個類而不是一個ID？

編輯：東西like this？

編輯：這裏的one that animates。但是，顏色不能用animate（）動畫。可能有插件可以做到這一點，但是。

來源

2011-03-30 23:55:16

我不試圖隱藏按鈕。我希望按鈕像一個燈開關，因此上下移動。它是一個類，因爲元素同時存在於多個位置，我希望它們全部隱藏並立即顯示。 – WillingLearner 2011-03-30 23:59:28

我更新了我的帖子以獲得其他鏈接。也許這就是你的意思？ – 2011-03-31 00:05:49

有沒有辦法讓我的按鈕位置輕鬆點擊，而不是瞬間？ – WillingLearner 2011-03-31 00:09:14

切換鍵，顯示和隱藏的元素，但移動按鈕的同時

回答

相關問題