Как реализовать открытие меню на js?

Question

[Сергей Новиков]

На сайте есть 3 меню, они используют общий js, так вот проблема в том что при нажатии на одну открываются все, это исправить я смог добавив $(this).next('#hide-layout, .message').fadeToggle(); , но тогда из-за этого возникает другая проблема что нажав на первую меню, а потом на вторую, первая остается открытой, а надо чтобы закрывалась.

$(function() {
$('.message').hide();
    $('#hide-layout').css({opacity: .5});
	$(".message-btn").click( function(){
	$('#hide-layout, .message').fadeToggle();
	 })
	$('.btn-close, #hide-layout').click(function() {
    $('#hide-layout, .message').fadeOut();
	});	
 })

Подскажите, пожалуйста, что нужно добавить?

Comments

[Николай Васильчук]

Приведите пример с html. Лучше на jsfiddle.

[Сергей Новиков]

@Anonym jsfiddle.net/Segeja/9vgMf

Answer 1

[Николай Васильчук]

jsfiddle.net/9vgMf/1