Как скрыть определенный div id ?

Тема в разделе "JavaScript", создана пользователем Izrael, 5 фев 2018.

  1. Izrael

    Izrael

    Регистр.:
    12 фев 2008
    Сообщения:
    513
    Симпатии:
    63
    Добрый день , подскажите как с помощью javascript скрыть определенный div. ?

    Например если страница загружается с
    <div id="option-51005" class="option"> текст </div>
    мне ее нужно скрыть, а если содержания div id другое то например id="option-51006" то содержание показывается .
     
  2. Izrael

    Izrael

    Регистр.:
    12 фев 2008
    Сообщения:
    513
    Симпатии:
    63
    начал сам делать.. но что то не работает
    Код:
    <html>
    <head>
    <script type="text/javascript">
    2
    $(document).ready(function(){
    3
       $("block").hide();
    4
    });
    5
    </script>
    </head>
    <body>
    <div id="block">22</div>
    </body>
    </html>
    22 всеравно выводится а не должно .
     
  3. mdss

    mdss ♖♘♗♕♔♗♘♖

    Moderator
    Регистр.:
    20 фев 2007
    Сообщения:
    1.150
    Симпатии:
    674
    Код:
    $("block").hide();
    заменить на
    $("#block").hide();
     
  4. Izrael

    Izrael

    Регистр.:
    12 фев 2008
    Сообщения:
    513
    Симпатии:
    63
    Заменил но всровно не работает
    Код:
    <html>
    <head>
    <script type="text/javascript">
    $(document).ready(function(){
    $("#block").hide();
    });
    </script>
    </head>
    <body>
    <div id="block">22</div>
    </body>
    </html>
     
  5. NickSan

    NickSan Постоялец

    Регистр.:
    23 авг 2012
    Сообщения:
    68
    Симпатии:
    38
    Вы используете jquery не подгрузив его:
    Код:
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    
    https://jsfiddle.net/pgnLf4d0/

    можно так(без jquery) :
    Код:
    function hide (elements) {
      elements = elements.length ? elements : [elements];
      for (var index = 0; index < elements.length; index++) {
        elements[index].style.display = 'none';
      }
    }
    
    hide(document.querySelectorAll('#block'));
    
     
    Последнее редактирование: 5 фев 2018
    Izrael нравится это.
  6. Izrael

    Izrael

    Регистр.:
    12 фев 2008
    Сообщения:
    513
    Симпатии:
    63
    Да действительно все работает .. а не подскажите как сделать чтоб div скрывался моментально ?
    Дело в том что я установил код в интернет магазине на OpenCart в карточку товара.
    И при загрузки странице он появляется на одну секунду и потом исчезает .
     
  7. NickSan

    NickSan Постоялец

    Регистр.:
    23 авг 2012
    Сообщения:
    68
    Симпатии:
    38
    По мне так, проще прописать отдельный класс в стиле именно на карточке товара ( display:none; )
    или добавить класс к диву так https://jsfiddle.net/pgnLf4d0/4/
     
    Последнее редактирование: 6 фев 2018
    Izrael и Цуиьфыеук нравится это.
  8. Izrael

    Izrael

    Регистр.:
    12 фев 2008
    Сообщения:
    513
    Симпатии:
    63
    тоже как вариант, проверил работает. Но всеже секундное появление присутствует .
     
  9. mdss

    mdss ♖♘♗♕♔♗♘♖

    Moderator
    Регистр.:
    20 фев 2007
    Сообщения:
    1.150
    Симпатии:
    674
    потому что изначально надо скрывать стилями, а при надобности показывать, т.е. делать все наоборот
     
  10. Izrael

    Izrael

    Регистр.:
    12 фев 2008
    Сообщения:
    513
    Симпатии:
    63
    так я сделал по этому примеру .. https://jsfiddle.net/pgnLf4d0/4/
    Изначально скрыто стилями .
    Или я что не пойму ?