Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 29.05.2016, 10:31
Новичок на форуме
Отправить личное сообщение для coveraver Посмотреть профиль Найти все сообщения от coveraver
 
Регистрация: 29.05.2016
Сообщений: 3

Скрыть div после нажатия на него
Здравствуйте. Есть блок текста с "Читать далее". После нажатие на читать далее все как обычно, блок раскрылся - внизу "Скрыть". Нужно при нажатии на 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>
Ответить с цитированием
  #2 (permalink)  
Старый 29.05.2016, 12:49
Аватар для DynkanMaclaud
Профессор
Отправить личное сообщение для DynkanMaclaud Посмотреть профиль Найти все сообщения от DynkanMaclaud
 
Регистрация: 08.08.2014
Сообщений: 261

coveraver,
https://jsfiddle.net/7vv0vee1/
Ответить с цитированием
  #3 (permalink)  
Старый 29.05.2016, 13:08
Новичок на форуме
Отправить личное сообщение для coveraver Посмотреть профиль Найти все сообщения от coveraver
 
Регистрация: 29.05.2016
Сообщений: 3

DynkanMaclaud, спасибо за ответ. Скрипт работает. Но мой работает так же. Задача в скрытии дива "Читать далее" (.more-btn), когда раскрывается простыня.
Ответить с цитированием
  #4 (permalink)  
Старый 29.05.2016, 13:11
Новичок на форуме
Отправить личное сообщение для coveraver Посмотреть профиль Найти все сообщения от coveraver
 
Регистрация: 29.05.2016
Сообщений: 3

<script type="text/javascript">
$('.more-btn').click(function(){
$('.more').slideDown();
$('.more-btn').hide();
});
$('.hide-content').click(function(){
$('.more').slideUp();
$('.more-btn').show();
})

Работает! Спасибо всем.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Событие onclick на div, кроме элементов внутри него klev2004 Общие вопросы Javascript 3 04.10.2012 20:33
Как вернуться к месту нажатия ссылки после скроллинга? galva74 jQuery 2 02.05.2012 10:41
Аjax запрос формирует div с изображениями, нужно показать после загрузки изображений Khmelevsky AJAX и COMET 2 13.09.2010 23:16
Не могу обратиться к элементам div, после того как они получены через $.ajax igsavenko jQuery 1 31.05.2010 17:53
Сохранение результата ajax запроса после нажатия 'back' gregOlsen AJAX и COMET 5 18.11.2009 12:23