Скользящая панель JQuery - кнопки не делают себя невидимым при нажатии, и панель открыта при загрузке. - PullRequest
Новая
       29

Скользящая панель JQuery - кнопки не делают себя невидимым при нажатии, и панель открыта при загрузке.

1 голос
/ 01 апреля 2012

Я пытался понять, как я смогу заставить скользящую панель работать правильно. Скользящая часть панели работает без нареканий, у меня проблемы:

  • Панель расширяется под нагрузкой.
  • Кнопки (две разные кнопки), которые, как предполагается, закрываются / открываются, не являются автоматически скрывающимися после нажатия.

Итак, в основном я пытаюсь достичь:

  1. Открыть веб-страницу.
  2. Нажмите кнопку «Открыть» -> Кнопка «Открыть» исчезает
  3. Появляется кнопка «Закрыть»
  4. Панель скользит вниз.

Что у меня есть:

  1. Открыть веб-страницу -> Панель уже расширена.
  2. Нажмите кнопку «Открыть».

  3. Ничего не происходит.

    Кнопка закрытия не отображается, а панель не тронута. Вот моя кодировка:

HTML код: 

            <div id="toggle" style="list-style: none;">
                <input id="open" class="open" href="#" type="button" value="Open" />
                <input id="close" style="display: none;" class="close" href="#" type="button" value="Close" />              
            </div>

JQuery: 

    $(document).ready(function() {

        $("#open").click(function(){
            $("div#panel").slideDown("slow");
        }); 

        $("#close").click(function(){
            $("div#panel").slideUp("slow"); 
        });     

        $("#toggle a").click(function () {
            $("#toggle a").toggle();
        });     

    });

Буду признателен за любую помощь. Спасибо.

1 Ответ

2 голосов
/ 01 апреля 2012

Прежде всего, в вашем HTML коде вы не добавили #panel и не добавили CSS
Я понятия не имею, что вы хотите иметь в вашем #panel, но я сделал что-то вроде этого:
Здесь
Я надеюсь, что это будет полезно.

...