Показать сообщение отдельно
  #1 (permalink)  
Старый 13.10.2015, 00:55
Интересующийся
Отправить личное сообщение для Anrew Посмотреть профиль Найти все сообщения от Anrew
 
Регистрация: 24.05.2015
Сообщений: 20

Помогите упростить код открывания панелей
Ребят, подскажите, пожалуйста.
Необходимо при клике на ссылку "а,б" открыть соответствующую панель. И затемнить экран. Закрытие этой панели происходит по кресту внутри нее и по затемнению.
Написал вот такой код
<div class="body-close"></div>
<div class="panel-a-url">открыть панель а</div>
<div class="#panel-a"><i class="panel-close">x</i>содержимое панели а</div>
<div class="panel-b-url">открыть панель б</div>
<div class="#panel-b"><i class="panel-close">x</i>содержимое панели б</div>
...


$("#body-close, .panel-close").click(function() {
	$("#body-close").fadeOut(500);
	$("html, body, #panel-a, #panel-b").removeClass("open");
    })
	$("#panel-a-url, #panel-b-url").click(function() {
	$("html").addClass("open");
        $("body").addClass("open");
	$("#body-close").fadeIn(500);
	})
	$("#panel-a-url").click(function() {
		$("#panel-a").addClass("open");
    })
	$("#panel-b-url").click(function() {
	$("#panel-b").addClass("open");
    })


Все бы хорошо, но вот таких панелей у меня будет штук 15... Подскажите, пожалуйста, как можно упростить мою писанину?
Ответить с цитированием