Переключить кнопку, показать и скрыть элемент, но одновременно переместить кнопку

Question

У меня есть кнопка переключения с использованием этого кода:

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

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

Теперь я хочу переместить переключатель #MyToggleSwitch вниз на 50 пикселей при нажатии кнопки, чтобы скрыть элемент, а затем переместить его обратно вверх на 50 пикселей, чтобы показать элемент .... Подумайте, как выключатель света. Я также хочу изменить цвет кнопки при ее нажатии. Как мне это сделать? И как мне сделать загрузку страницы с первым скрытым элементом?

Answer 1

Я не уверен, почему вам нужно переместить свою кнопку вниз, чтобы скрыть ее. это работает для вас?Кроме того, если вы скрываете только 1 элемент, почему это класс, а не идентификатор?

Редактировать: что-то как этот ?

Редактировать: вот тот, который оживляет .Однако цвета нельзя анимировать с помощью animate ().Однако, вероятно, есть плагины, которые могут это сделать.