а точнее нужно отображать ответы на комментарии..типа как в вк. пробовал на js делать нативном, показывает только первый ответ, а их там может быть и десятки же.. пробовал на jquery, он вообще раскрывает сразу все ответы у всех комментариев...специалисты по js подскажите как надо..) Код (Javascript): let btnansw = document.querySelectorAll('.viewAnswer'), answer_cont = document.querySelectorAll('.answer'); for (let i = 0; i < answer_cont.length; i++){ btnansw[i].addEventListener('click', function(){ answer_cont[i].style.display = 'block'; this.style.display = 'none'; }) } $(document).ready(function(){ $('.viewAnswer').click(function(){ $('.answer').toggle(); });
так при клике надо разворачивать не все которые с классом .answer а только в текущей ветке и вообще непонятно что вы делаете - выбираете все с классом .anwser - в цикле каждой кнопке с классом .viewAnswer навешиваете событие на клик которое открывает блок с каментом и скрывает видимо саму кнопку - далее уже на jq любой кнопке с классом viewAnswer вешаете на клик toggle на ВСЕ элементы класса answer капец месиво.... Если такая структура html HTML: <button class="viewAnswer">Смотреть камент 1</button> <div class="answer">Comment 1</div> ну и Код (CSS): .answer{ display : none; } то код Код (Javascript): $(document).ready(function(){ $('.viewAnswer').click(function(){ $(this).next('.answer').toggle(); });
у меня есть шаблон коммента к которому выводятся ансверы...ансверов может быть разное количество из базы данных к разным комментам.. в блоке коммента есть кнопка показать-скрыть. нажимая по кнопке в этом же блоке коммента, появляются все ансверы для этого коммента, у ансверов дисплей нон в стилях стоит по умолчанию - это вы правильно поняли. --- Добавлено --- чет я долго уже сижу с этим делом ..)