Показать сообщение отдельно
  #5 (permalink)  
Старый 09.01.2014, 16:24
Аватар для ruslan_mart
Профессор
Отправить личное сообщение для ruslan_mart Посмотреть профиль Найти все сообщения от ruslan_mart
 
Регистрация: 30.04.2012
Сообщений: 3,018

Мда уж...

<a href="#" rel="box-1">Link 1</a>
<a href="#" rel="box-2">Link 2</a>
<a href="#" rel="box-3">Link 3</a>

<div class="box">
	<div class="box-1">Box 1</div>
	<div class="box-2">Box 2</div>
	<div class="box-3">Box 3</div>
</div>


.box div {
	background: blue;
	display: none;
	height: 100px;
	width: 100px;
}


var box = $('.box');
$('a[rel^="box"]').click(function() {
	var id = this.rel.split('-')[1];
	box.find('div').hide();
	box.find('.box' + id).show();
});
Ответить с цитированием