Форум

funkypublic · #1 (**permalink**) 11.03.2010, 12:55

Как сделать чтоб одной кнопкой выполнялись и show и hide?

Пробую так:

$(document).ready(function(){

   $("#callback_active").click(function () {
       var sel = document.getElementById("callback_form_before").style;
       if(sel.display == "none")
            $("#callback_form_before").show("slow");
        else  $("#callback_form_before").hide("slow");
    });

});

но оно не работает. Зато если тока show:

$(document).ready(function(){

   $("#callback_active").click(function () {
            $("#callback_form_before").show("slow");
    });

});

То усё работает.

Shaci · #2 (**permalink**) 11.03.2010, 13:17

так усе работает

<script>
    $(document).ready(function(){

   $("#callback_active").click(function () {
       var sel = document.getElementById("callback_form_before").style;
       if(sel.display == "none")
            $("#callback_form_before").show("slow");
        else  $("#callback_form_before").hide("slow");
    });

});
</script>

<body>
    <button id="callback_active">click!</button>
    <div id="callback_form_before" style="width:20; height:20; background-color:red"></div>   
</body>

funkypublic · #3 (**permalink**) 11.03.2010, 13:33

Сообщение от Shaci

так усе работает

А у меня нет. Возможно конфликтует с прототайпом или ещё чем.

micscr · #4 (**permalink**) 11.03.2010, 14:13

Сообщение от funkypublic

А у меня нет. Возможно конфликтует с прототайпом или ещё чем.

Ну мы то откуда знаем, что у вас с чем конфликтует?
Вообще для таких целей имеется метод toggle:

$("#callback_active").click(function () {
            $("#callback_form_before").toggle("slow");
    });

funkypublic · #5 (**permalink**) 11.03.2010, 14:56

Сообщение от micscr

Вообще для таких целей имеется метод toggle

О! =) Спасибо! =) То что надо =)

Форум

Справочник

Discord чат

Курсы javascript