Не работают стили css в jQuery
Пытаюсь вызывать меню по клику на элемент div
Хочу чтобы по клику на элемент с id="open_menu_id"
CSS стиль display у элемента menu_box менялся на block
Вот этот код:
$(document.ready(function() {
$('#menu_box').css('display', 'none');
$('#open_menu_id').click(function() {
$('#menu_box').css('display', 'block');
});
}));<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="menu-bar">
<li class="menu">
<div class="person">
<img class="user_img" src="../images/user.png" alt="user" />
<div id="open_menu_id" class="open_menu">admin</div>
</div>
<ul id="menu_box" class="menu_2">
<a href="">
<li class="menu_item">Профиль</li>
</a>
<a href="">
<li class="menu_item">Настройки</li>
</a>
<a href="">
<li class="menu_item">Выход</li>
</a>
</ul>
</li>
</ul>Но ничего не работает. Я только начинаю разбираться с jQuery, подскажите, что делаю не правильно.
Вы просто перепутали и написали:
$(document.ready(function () {
}));
А надо:
$(document).ready(function() {
});
P.S. Так же можно использовать метод .show(), .hide(), чтобы отобразить блок, вместо присвоения стилей вручную.
.show(): This is roughly equivalent to calling .css( "display", "block" )
.hide(): This is roughly equivalent to calling .css( "display", "none" )
$(document).ready(function() {
$('#menu_box').hide()
$('#open_menu_id').click(function() {
$('#menu_box').show()
});
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="menu-bar">
<li class="menu">
<div class="person">
<img class="user_img" src="../images/user.png" alt="user" />
<div id="open_menu_id" class="open_menu">admin</div>
</div>
<ul id="menu_box" class="menu_2">
<a href="">
<li class="menu_item">Профиль</li>
</a>
<a href="">
<li class="menu_item">Настройки</li>
</a>
<a href="">
<li class="menu_item">Выход</li>
</a>
</ul>
</li>
</ul>
-
06:53
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
-
20:42
-
09:21
Основные этапы разработки сайта для стоматологической клиники
-
12:26
-
10:30
-
18:43
Продвижение своими сайтами как стратегия роста и независимости
-
22:46
-
06:18
-
12:23
- Почему SERVER_ADDR имеет не тот IP 50303 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 31941 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 26280 visits
- Как через css изменить цвет png изображения? 11765 visits
- Blob video url download 11312 visits
- Php curl запрос через прокси с авторизацией 10721 visits
- Работа с captcha vk api 9517 visits
© "hostciti.net" 19.3.2026 | 12:15