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>
Может Вам это нужно?
Аккордеон не получается