Показать сообщение отдельно
  #2 (permalink)  
Старый 17.08.2016, 17:50
Профессор
Отправить личное сообщение для Manyasha Посмотреть профиль Найти все сообщения от Manyasha
 
Регистрация: 21.09.2015
Сообщений: 196

fallen_soul,
не понятно как-то... Как понять, что div ближайший? Они обернуты другим блоком? Или по нумерации элементов под этим же классом смотреть?
Наверное не правильно, но вдруг...
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<style>
.show_it{
	display: none;
}
.my_hover{
display: block;
background: #ff00ff;
}
</style>

<span class="infa">span1</span>
    <div class="show_it">
    <p>Название:<span> $oEvents.event_name</span></p>
    <p>Руководитель:<span> $oEvents.event_manager</span></p>
    <p>Описание:<span>^taint[as-is][$oEvents.event_descr]</span></p>
    <p>Продолжительность:<span>$oEvents.event_duration</span></p>
    </div>
	<span class="infa">span2</span>
    <div class="show_it">
    <p>Название222222:<span> $oEvents.event_name</span></p>
    <p>Руководитель:<span> $oEvents.event_manager</span></p>
    <p>Описание:<span>^taint[as-is][$oEvents.event_descr]</span></p>
    <p>Продолжительность:<span>$oEvents.event_duration</span></p>
    </div>
	<span class="infa">span3</span>
	<div class="show_it">
    <p>Название3333333:<span> $oEvents.event_name</span></p>
    <p>Руководитель:<span> $oEvents.event_manager</span></p>
    <p>Описание:<span>^taint[as-is][$oEvents.event_descr]</span></p>
    <p>Продолжительность:<span>$oEvents.event_duration</span></p>
    </div>
<script>
$(function(){
	$(".infa").click(function(){
		var i = $(".infa").index($(this));
		$('.show_it:eq(' + i + ')').addClass('my_hover')
		//alert("div № " + i)
	});
})
</script>


Может Вам это нужно? Аккордеон не получается
Ответить с цитированием