Как настроить таргетинг на один класс, когда вы в курсе?
Весь PHP-код находится в цикле сообщений, поэтому при добавлении нового сообщения он также получает кнопки, а при нажатии одной кнопки он открывает все кнопки и контейнеры.
<div class = "col-sm-1 ">
<span class = "btn btn-sm album-song">
<a class = "btn btn-sm show-album-song">⋁</a>
<a class = "btn btn-sm hide-album-song">⋀</a>
</span>
</div>
<div class = "container album-songs-show-hide">
<div class = "row">
<div class = "col-sm-4 name"><?php _e('Song Name', 'koband');?></div>
<div class = "col-sm-4"><?php _e('Song Length', 'koband');?></div>
<div class = "col-sm-4"><?php _e('Song Details', 'koband');?></div>
</div>
<div class = "row" style = "background-color: #d6d6d6; border-bottom: 1px solid #000;">
<?php foreach ($album_song_details[0] as $value_song_details) { ?>
<div class = "col-sm-4"><?php echo $value_song_details['name-details']; ?></div>
<div class = "col-sm-4"><?php echo $value_song_details['length']; ?></div>
<div class = "col-sm-4"><?php echo $value_song_details['detail']; ?></div>
<?php } ?>
</div>
</div>
и код jQuery идет сюда
$(".album-songs-show-hide").hide();
$(".hide-album-song").hide();
$(".show-album-song").click(function(){
$(this).find(".album-songs-show-hide").slideDown(1000);// show container elements
$(".show-album-song").hide(); // button down hide
$(".hide-album-song").show(); // button up show
});
хорошо, спасибо, я написал это там
В чем вопрос? с какой проблемой вы столкнулись ??
Когда цикл начинается, я зацикливаю все сообщения. Все сообщения имеют одну кнопку. Когда кнопка нажата, он должен отображать контент для родительского сообщения, но когда я нажимаю одну кнопку, я нажимаю их все и показываю содержимое всех сообщений.
Проблема с этим вопросом заключается в том, что так много вещей, похоже, идет не так ... HTML недействителен, отсутствует </div> ... цикл PHP не обертывает элемент строки, поэтому это всего лишь 1 строка с большим количеством содержимого ... отображается только одна кнопка, которая должна каким-то образом скрывать только одну песню, но нет ни единого намека на то, как это даже удаленно попытаться сделать. Я понятия не имею, что вы пытаетесь сделать здесь OP, ваш вопрос и код, который вы предоставляете, противоречат друг другу
Кода гораздо больше, чем я здесь привел. Все <div> закрыты, и все работает правильно, но когда я нажимаю одну кнопку, он нажимает все кнопки, потому что они находятся в цикле публикации, если я сделаю один пост, он получит кнопку с тем же классом и контейнер с тот же класс, что и моя проблема. Я хочу настроить таргетинг на кнопку определенного сообщения, а не на всех :)
Ответы 1
Спасибо всем за комментарии к решениям, но для меня это было рабочее решение для вас.
$(".album-songs-show-hide").hide();
$(".hide-album-song").hide();
$(".show-album-song").click(function(){
$(this).closest("div.container").find(".album-songs-show-hide").slideDown(1000);// hide container elemnts
$(".show-album-song").hide(); // button down hide
$(".hide-album-song").show(); // button up show
});
Почему вы удалили свой вопрос? Было бы неплохо, если бы вы проверили мой ответ, а не удалили вопрос.
Это должно было быть написано в вопросе