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

Izrael

Izrael

Гуру форума
Регистрация
11 Фев 2008
Сообщения
514
Реакции
65
Добрый день , подскажите как с помощью javascript скрыть определенный div. ?

Например если страница загружается с
<div id="option-51005" class="option"> текст </div>
мне ее нужно скрыть, а если содержания div id другое то например id="option-51006" то содержание показывается .
 
начал сам делать.. но что то не работает
Код: 
<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 всеравно выводится а не должно .
 
Код: 
$("block").hide();
заменить на
$("#block").hide();
 
Заменил но всровно не работает
Код: 
<html>
<head>
<script type="text/javascript">
$(document).ready(function(){
$("#block").hide();
});
</script>
</head>
<body>
<div id="block">22</div>
</body>
</html>
 
Izrael написал(а):
Заменил но всровно не работает
Код: 
<html>
<head>
<script type="text/javascript">
$(document).ready(function(){
$("#block").hide();
});
</script>
</head>
<body>
<div id="block">22</div>
</body>
</html>
Нажмите для раскрытия...

Вы используете jquery не подгрузив его:
Код: 
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
Для просмотра ссылки Войди или Зарегистрируйся

можно так(без 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'));
 
Последнее редактирование:
Да действительно все работает .. а не подскажите как сделать чтоб div скрывался моментально ?
Дело в том что я установил код в интернет магазине на OpenCart в карточку товара.
И при загрузки странице он появляется на одну секунду и потом исчезает .
 
Izrael написал(а):
Да действительно все работает .. а не подскажите как сделать чтоб div скрывался моментально ?
Дело в том что я установил код в интернет магазине на OpenCart в карточку товара.
И при загрузки странице он появляется на одну секунду и потом исчезает .
Нажмите для раскрытия...
По мне так, проще прописать отдельный класс в стиле именно на карточке товара ( display:none; )
или добавить класс к диву так Для просмотра ссылки Войди или Зарегистрируйся
 
Последнее редактирование:
тоже как вариант, проверил работает. Но всеже секундное появление присутствует .
 
потому что изначально надо скрывать стилями, а при надобности показывать, т.е. делать все наоборот
 
Войдите или зарегистрируйтесь для ответа.
Назад
Сверху