Здравствуйте. Есть блок текста с "Читать далее". После нажатие на читать далее все как обычно, блок раскрылся - внизу "Скрыть". Нужно при нажатии на div давать ему display:none
Подскажите как быть?
Код html:
<div class="more-btn">Читать далее...</div>
<div class="more">
Привет
<div class="hide-content">Скрыть</div>
</div>
CSS:
.more {
display: none;
}
JS:
<script type="text/javascript">
$('.more-btn').click(function(){
if($(this).hasClass('active')){
$('.more').slideUp();
$(this).removeClass('active');
} else {
$('.more').slideDown();
}
});
</script>