Question

Нужно сделать статью, в которой размещены заголовки, а ниже каждого текст, скрытый спойлером. Я нашла на форуме код:

  <div id="uSpoiler3A5Wun" class="uSpoilerClosed"><div class="uSpoilerButBl"><input type="button" value="Полный список" onclick="if($('#uSpoiler3A5Wun')[0]){if ($('.uSpoilerText',$('#uSpoiler3A5Wun'))[0].style.display=='none'){$('.uSpoilerText',$('#uSpoiler3A5Wun'))[0].style.display='';$('.uSpoilerButton',$('#uSpoiler3A5Wun')).val('Скрыть список');$('#uSpoiler3A5Wun').attr('class','uSpoilerOpened');}else {$('.uSpoilerText',$('#uSpoiler3A5Wun'))[0].style.display='none';$('.uSpoilerButton',$('#uSpoiler3A5Wun')).val('Полный список');$('#uSpoiler3A5Wun').attr('class','uSpoilerClosed');}}" class="uSpoilerButton"></div><div style="display: none;" class="uSpoilerText"><p>Здесь текст</p></div></div>

Но при нажатии на любой спойлер всегда открывается первый. Укажите мне на мою ошибку, пожалуйста. Вот страница этой статьи: http://xn----7sblfbhfcd3a1ai0adue.xn--p1ai/publ/torez_gorod_donorov/1-1-0-13

 

Answer 1

Если спойлеров много, каждому нужно назначить свой ID

то есть для первого спойлера выделенна красным часть будет такая

  <div id="uSpoiler3A5Wun" class="uSpoilerClosed"><div class="uSpoilerButBl"><input type="button" value="Полный список" onclick="if($('#uSpoiler3A5Wun')[0]){if ($('.uSpoilerText',$('#uSpoiler3A5Wun'))[0].style.display=='none'){$('.uSpoilerText',$('#uSpoiler3A5Wun'))[0].style.display='';$('.uSpoilerButton',$('#uSpoiler3A5Wun')).val('Скрыть список');$('#uSpoiler3A5Wun').attr('class','uSpoilerOpened');}else {$('.uSpoilerText',$('#uSpoiler3A5Wun'))[0].style.display='none';$('.uSpoilerButton',$('#uSpoiler3A5Wun')).val('Полный список');$('#uSpoiler3A5Wun').attr('class','uSpoilerClosed');}}" class="uSpoilerButton"></div><div style="display: none;" class="uSpoilerText"><p>Здесь текст</p></div></div>

то для других спойлеров выделенное красным нужно будет заменить на

 uSpoiler3A5Wun1

 uSpoiler3A5Wun2 

и так далее

Comments

Благодарю! Сработало!!!