Вам нужно вызвать метод next
, например:
$("#toggle").click(function() {
$(this).next().toggle("slow");
});
Это будет работать только в том случае, если кнопка переключения находится непосредственно перед элементом видео.
Если это не так, вы можете попробовать
$("#toggle").click(function() {
$(this).nextAll('#video:first').toggle("slow");
});
Чтобы скрыть все видео, вы можете написать $('#video').hide()
.
Лучшее решение - поместить каждое видео вместе с кнопкой переключения в отдельный элемент и использовать классы, а не идентификаторы.
Например:
<div class="VideoContainer">
<button class="toggle">Toggle</button>
<div class="video">
{exp:flvplugin playerpath="{site_url}video/player.swf" file="{seminar_video}" playernumber="{entry_id}" backcolor="c6c981" frontcolor="741a0a" width="500" height="325" }
<div id="player{entry_id}"></div>
</div>
Вы можете написать
$("VideoContainer .toggle").click(function() {
$(this).siblings('.video').toggle("slow");
});