Показать сообщение отдельно
  #2 (permalink)  
Старый 20.02.2014, 14:57
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

modestes,
var elemAtr = $(this).data('floor');
<!DOCTYPE HTML>
<html>
  <head>
  <meta charset="utf-8">
  <script src="http://code.jquery.com/jquery-1.9.1.js" type="text/javascript"></script>
  <style>
  #wrap {
      margin-bottom: 30px;
  }
  .block {
      display: none;
  }
  .item{
    cursor: pointer;
  }

</style>
<script>

	$(document).ready( function() {
		$('#wrap').on('click', ".item", function(){
			var indx = $(".item").index(this),
            el = $(".block").eq(indx);
            el.slideToggle()
			$(".block").not(el).slideUp();
		});
	});

</script>
  </head>
  <body>


<div id="wrap">
	<div class="item" data-floor="1">Элемент 1</div>
	<div class="item" data-floor="2">Элемент 2</div>
	<div class="item" data-floor="3">Элемент 3</div>
</div>

<!--Изначально скрытые блоки-->
<div class="block" data-floor-plan="1">Блок 1</div>
<div class="block" data-floor-plan="2">Блок 2</div>
<div class="block" data-floor-plan="3">Блок 3</div>

  </body>
</html>
Ответить с цитированием