Блог

У меня есть эта функция jQuery :

 $(".clack").hide();
$('.click').click(function(){
    $(".clack").fadeThenSlideToggle();
});
  

Отлично работает, за исключением того, что теперь все clack классы переключены.
Есть идеи, как открыть только первый класс .clack после выбранного класса .click ?

Я пытался, .clack:first но это приводит к открытию только первого экземпляра класса .clack . Я хочу открыть первый класс, .clack найденный после выбранного класса .click .

Я знаю, что могу переписать свой html и функцию jQuery с помощью других решений, но проблема в том, что объем данных, уже существующих для этой функции, очень велик.

Мой HTML :

  <img class="click" style="cursor: pointer;" src="someimg.jpg"/>
 <div class="clack">TEST TEXT1</div>
 <img class="click" style="cursor: pointer;" src="someimg2.jpg"/>
 <div class="clack">TEST TEXT2</div>
 <img class="click" style="cursor: pointer;" src="someimg3.jpg"/>
 <div class="clack">TEST TEXT3</div>
  

ТОЧНЫЙ ПРИМЕР HTML :

  <strong>
   <span>
     <img class="aligncenter click" src="img1.jpg" alt="vesteging" width="436" height="36" />
   </span>
 </strong>
</p>
<div class="clack">
  <center>
    <span style="font-size: 10pt;">DATA TEXT 1</span>
  </center>
</div>
<p>amp;nbsp;</p>
  

Вы можете настроить таргетинг только на .clack тот, который появляется сразу после нажатия .click

 $('.click').click(function(){
  $(this).next(".clack").fadeThenSlideToggle();
});