За последние 24 часа нас посетили 16529 программистов и 1679 роботов. Сейчас ищут 846 программистов ...

jquery. как сделать панельку закрытой при загрузки

Тема в разделе "JavaScript и AJAX", создана пользователем jackalll, 17 фев 2011.

  1. jackalll

    jackalll Активный пользователь

    С нами с:
    17 фев 2011
    Сообщения:
    8
    Симпатии:
    0
    Здравствуйте. Подскажите как сделать панельку закрытой при загрузке страницы

    Код (Text):
    1. $(document).ready(function(){
    2.     $(".btn-slide").click(function(){
    3.         $("#panel").slideToggle("slow");
    4.         $(this).toggleClass("active");
    5.     });
    6. });
    [/code]
     
  2. igordata

    igordata Суперстар
    Команда форума Модератор

    С нами с:
    18 мар 2010
    Сообщения:
    32.408
    Симпатии:
    1.768
    [css]
    .hidden {
    display: none;
    }[/css]
    HTML:
    1.  
    2. <div class='hidden'>alfkalfkalfkal;fkalfakfdla;s</div>
    а уже после загрузки мы можем ее открыть, если хочется.
     
  3. jackalll

    jackalll Активный пользователь

    С нами с:
    17 фев 2011
    Сообщения:
    8
    Симпатии:
    0
    но она становится закрытой навсегда, а мне надо чтобы она открывалась по клику по кнопке
     
  4. igordata

    igordata Суперстар
    Команда форума Модератор

    С нами с:
    18 мар 2010
    Сообщения:
    32.408
    Симпатии:
    1.768
    jackalll
    через jquery по клику отбери у нее класс hidden

    либо если хочешь чтобы она грузилась открытая точно, а только при загрузке скрипта закрывалась то дополни свой код

    [js]
    $(document).ready(function(){

    $("#panel").hide('slow');

    $(".btn-slide").click(function(){
    $("#panel").slideToggle("slow");
    $(this).toggleClass("active");
    });
    });[/js]

    или как-то так. все это можно натырить на страничке демо с jqueryui.com
     
  5. jackalll

    jackalll Активный пользователь

    С нами с:
    17 фев 2011
    Сообщения:
    8
    Симпатии:
    0
    спасибо, вот это помогло
    Код (Text):
    1.      $("#panel").hide('slow');