Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Показывать и скрывать блок по нажатию кнопки! (https://javascript.ru/forum/jquery/68578-pokazyvat-i-skryvat-blok-po-nazhatiyu-knopki.html)

zollex69 24.04.2017 21:59

Показывать и скрывать блок по нажатию кнопки!
 
Здравствуйте,нужна помощь!
Есть кнопка class="btn-menu"
Есть блок в котором список во весь экран поверх основного class="menu" style="display=none"
Как сделать,чтобы при нажатии он появлялся,и так же при нажатии убирался?
вот мой код,блок при нажатии появляется,но не исчезает
<script type="text/javascript">
			$(document).ready(function(){
				$('.btn-menu').click(function () {
					$('.menu').show();
					$('.menu').toggleClass('action');
					if ($('.menu') === 'action' ) {
						$('.btn-menu').click(function (){
							$('.menu').hide();
						});
					};
  				});

			});
		</script>

heeeeeelp

Nexus 24.04.2017 23:04

Воспользуйтесь ББ-кодами.
Код:

[ JS ]Тут ваш JS-код[ /JS ]
Тут логическая ошибка:
if ($('.menu') === 'action' )

Условие никогда не выполнится, используйте метод «hasClass»
(Это единственное, что я увидел в куче текста).

zollex69 25.04.2017 11:26

Дело в том,что я уже изначально писал с hasClass,но кнопка так и не закрывала меню,вот я решил так попробовать

рони 25.04.2017 11:36

zollex69,
$(function() {
    $('.btn-menu').click(function () { $('.menu').toggle()})
});

zollex69 25.04.2017 11:50

рони,
Просто,Вы лучший!!!Спасибо
Зачем я так мудрил,не понимаю


Часовой пояс GMT +3, время: 14:45.