ОБСУЖДЕНИЕ

Вопрос по js!!! Срочно

4 сообщений1 просмотровОткрыта

#12020-01-03 18:31:10

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

CODE


$(document).ready(function() {
$('.show-reply').click(function(event){
$('.show-reply,.show-reply-block').toggleClass('active');
//$('body').toggleClass('lock');
});
});

Он отлично работает, но он показывает сразу все классы с названием show-reply-block.active мне же нужно что бы показывал только тот на который я нажал.
можно с помощю id, но я не знаю как автоматически записывать в js id класса

#22020-01-03 18:39:36

https://mc1one.000webhostapp.com/comments.html
Вот как сейчас получается

#32020-01-03 20:48:55

вот пробуй
function showHide(element_id) {
//Если элемент с id-шником element_id существует
if (document.getElementById(element_id)) {
//Записываем ссылку на элемент в переменную obj
var obj = document.getElementById(element_id);
//Если css-свойство display не block, то:
if (obj.style.display != "block" ) {
obj.style.display = "block" ; //Показываем элемент
}
else obj.style.display = "none" ; //Скрываем элемент
}
//Если элемент с id-шником element_id не найден, то выводим сообщение
else alert( "Элемент с id: " + element_id + " не найден!" );
}
</script>

<a href= "javascript:void(0)" onclick= "showHide('block_id')" >Скрыть/Показать элемент</a><br/><br/>
<div id= "block_id" style= "display: none;" >
Тут любой текст и html код<br/>

</div>

#42020-01-03 21:31:19

Все сделал. Меня единственное в твоем коде не устраивало, что надпись "показать/скрыть ответы не менялась"
Я решил проблему теперь надпись меняется)) Если кому надо, могу весь код html css js скинуть в архиве, такого просто я не нашел в просторах интернета)))