Question

В каждый код спойлера вставил по видюшке, при нажатии на один из спойлоров, открывается верхний спойлер, постоянно. В чем ошибка ? Подскажите, как исправить?

<div align="center"><span style="color:blue"><span style="font-size:14pt"><b>2 сезон 1 серия</b></span></span></div>

<div align="center"><!--uSpoiler-->
<div class="uSpoilerClosed" id="uSpoilerEWjDGp">
<div class="uSpoilerButBl"><input class="uSpoilerButton" onclick="if($('#uSpoilerEWjDGp')[0]){if ($('.uSpoilerText',$('#uSpoilerEWjDGp'))[0].style.display=='none'){$('.uSpoilerText',$('#uSpoilerEWjDGp'))[0].style.display='';$('.uSpoilerButton',$('#uSpoilerEWjDGp')).val('Закрыть спойлер');$('#uSpoilerEWjDGp').attr('class','uSpoilerOpened');}else {$('.uSpoilerText',$('#uSpoilerEWjDGp'))[0].style.display='none';$('.uSpoilerButton',$('#uSpoilerEWjDGp')).val('Открыть спойлер');$('#uSpoilerEWjDGp').attr('class','uSpoilerClosed');}}" type="button" value="Смотреть онлайн в хорошем качестве" /></div>

<div class="uSpoilerText" style="display:none;"><!--ust--><iframe width="550" height="360" src="http://videochart.net/framevideo/32333.3c3c4f324eb94d092c4c789fa2b0?width=550&height=360" frameborder="0" allowfullscreen ></iframe>
<!--/ust--></div>
</div>
<!--/uSpoiler--></div>

 

<div align="center"><span style="color:blue"><span style="font-size:14pt"><b>2 сезон 2 серия</b></span></span></div>

<div align="center"><!--uSpoiler-->
<div class="uSpoilerClosed" id="uSpoilerEWjDGp">
<div class="uSpoilerButBl"><input class="uSpoilerButton" onclick="if($('#uSpoilerEWjDGp')[0]){if ($('.uSpoilerText',$('#uSpoilerEWjDGp'))[0].style.display=='none'){$('.uSpoilerText',$('#uSpoilerEWjDGp'))[0].style.display='';$('.uSpoilerButton',$('#uSpoilerEWjDGp')).val('Закрыть спойлер');$('#uSpoilerEWjDGp').attr('class','uSpoilerOpened');}else {$('.uSpoilerText',$('#uSpoilerEWjDGp'))[0].style.display='none';$('.uSpoilerButton',$('#uSpoilerEWjDGp')).val('Открыть спойлер');$('#uSpoilerEWjDGp').attr('class','uSpoilerClosed');}}" type="button" value="Смотреть онлайн в хорошем качестве" /></div>

<div class="uSpoilerText" style="display:none;"><!--ust--><iframe width="550" height="360" src="http://videochart.net/framevideo/55876.5ffc9a99edf0068e84c429424fb4?width=550&height=360" frameborder="0" allowfullscreen ></iframe>
<!--/ust--></div>
</div>
<!--/uSpoiler--></div>

 

<div align="center"><span style="color:blue"><span style="font-size:14pt"><b>2 сезон 3 серия</b></span></span></div>

<div align="center"><!--uSpoiler-->
<div class="uSpoilerClosed" id="uSpoilerEWjDGp">
<div class="uSpoilerButBl"><input class="uSpoilerButton" onclick="if($('#uSpoilerEWjDGp')[0]){if ($('.uSpoilerText',$('#uSpoilerEWjDGp'))[0].style.display=='none'){$('.uSpoilerText',$('#uSpoilerEWjDGp'))[0].style.display='';$('.uSpoilerButton',$('#uSpoilerEWjDGp')).val('Закрыть спойлер');$('#uSpoilerEWjDGp').attr('class','uSpoilerOpened');}else {$('.uSpoilerText',$('#uSpoilerEWjDGp'))[0].style.display='none';$('.uSpoilerButton',$('#uSpoilerEWjDGp')).val('Открыть спойлер');$('#uSpoilerEWjDGp').attr('class','uSpoilerClosed');}}" type="button" value="Смотреть онлайн в хорошем качестве" /></div>

<div class="uSpoilerText" style="display:none;"><!--ust--><iframe width="550" height="360" src="http://videochart.net/framevideo/79650.7af9abafd17d76ccda502aae1639?width=550&height=360" frameborder="0" allowfullscreen ></iframe>
<!--/ust--></div>
</div>
<!--/uSpoiler--></div>

Comments

скинте CSS код етой страницы

Answer 1

У всех спойлеров один и тот же id, а должны быть уникальными. Вот вам все время и открывает первый

<div class="uSpoilerClosed" id="uSpoilerEWjDGp">

Т.е. делайте разные ID. Не забывайте менять id также в onclick

Comments

Сделал как написали, все id изменил, ноничего не изменилось!

---

наведите пример на страницу где у вас это реализовано. Я посмотрю

---

Не знаю что у вас не работает, но я вот потратил 5 минут, поменял id и вставил к себе на тестовый сайт. Все прекрасно работает

<div align="center"><span style="color:blue"><span style="font-size:14pt"><b>2 сезон 1 серия</b></span></span></div>

<div align="center"><!--uSpoiler-->
<div class="uSpoilerClosed" id="uSpoilerEWjDGp">
<div class="uSpoilerButBl"><input class="uSpoilerButton" onclick="if($('#uSpoilerEWjDGp')[0]){if ($('.uSpoilerText',$('#uSpoilerEWjDGp'))[0].style.display=='none'){$('.uSpoilerText',$('#uSpoilerEWjDGp'))[0].style.display='';$('.uSpoilerButton',$('#uSpoilerEWjDGp')).val('Закрыть спойлер');$('#uSpoilerEWjDGp').attr('class','uSpoilerOpened');}else {$('.uSpoilerText',$('#uSpoilerEWjDGp'))[0].style.display='none';$('.uSpoilerButton',$('#uSpoilerEWjDGp')).val('Открыть спойлер');$('#uSpoilerEWjDGp').attr('class','uSpoilerClosed');}}" type="button" value="Смотреть онлайн в хорошем качестве" /></div>

<div class="uSpoilerText" style="display:none;"><!--ust--><iframe width="550" height="360" src="http://videochart.net/framevideo/32333.3c3c4f324eb94d092c4c789fa2b0?width=550&height=360" frameborder="0" allowfullscreen ></iframe>
<!--/ust--></div>
</div>
<!--/uSpoiler--></div>

<div align="center"><span style="color:blue"><span style="font-size:14pt"><b>2 сезон 2 серия</b></span></span></div>

<div align="center"><!--uSpoiler-->
<div class="uSpoilerClosed" id="uSpoilerEWjDGp1">
<div class="uSpoilerButBl"><input class="uSpoilerButton" onclick="if($('#uSpoilerEWjDGp1')[0]){if ($('.uSpoilerText',$('#uSpoilerEWjDGp1'))[0].style.display=='none'){$('.uSpoilerText',$('#uSpoilerEWjDGp1'))[0].style.display='';$('.uSpoilerButton',$('#uSpoilerEWjDGp1')).val('Закрыть спойлер');$('#uSpoilerEWjDGp1').attr('class','uSpoilerOpened');}else {$('.uSpoilerText',$('#uSpoilerEWjDGp1'))[0].style.display='none';$('.uSpoilerButton',$('#uSpoilerEWjDGp1')).val('Открыть спойлер');$('#uSpoilerEWjDGp1').attr('class','uSpoilerClosed');}}" type="button" value="Смотреть онлайн в хорошем качестве" /></div>

<div class="uSpoilerText" style="display:none;"><!--ust--><iframe width="550" height="360" src="http://videochart.net/framevideo/55876.5ffc9a99edf0068e84c429424fb4?width=550&height=360" frameborder="0" allowfullscreen ></iframe>
<!--/ust--></div>
</div>
<!--/uSpoiler--></div>

<div align="center"><span style="color:blue"><span style="font-size:14pt"><b>2 сезон 3 серия</b></span></span></div>

<div align="center"><!--uSpoiler-->
<div class="uSpoilerClosed" id="uSpoilerEWjDGp2">
<div class="uSpoilerButBl"><input class="uSpoilerButton" onclick="if($('#uSpoilerEWjDGp2')[0]){if ($('.uSpoilerText',$('#uSpoilerEWjDGp2'))[0].style.display=='none'){$('.uSpoilerText',$('#uSpoilerEWjDGp2'))[0].style.display='';$('.uSpoilerButton',$('#uSpoilerEWjDGp2')).val('Закрыть спойлер');$('#uSpoilerEWjDGp2').attr('class','uSpoilerOpened');}else {$('.uSpoilerText',$('#uSpoilerEWjDGp2'))[0].style.display='none';$('.uSpoilerButton',$('#uSpoilerEWjDGp2')).val('Открыть спойлер');$('#uSpoilerEWjDGp2').attr('class','uSpoilerClosed');}}" type="button" value="Смотреть онлайн в хорошем качестве" /></div>

<div class="uSpoilerText" style="display:none;"><!--ust--><iframe width="550" height="360" src="http://videochart.net/framevideo/79650.7af9abafd17d76ccda502aae1639?width=550&height=360" frameborder="0" allowfullscreen ></iframe>
<!--/ust--></div>
</div>
<!--/uSpoiler--></div>