@Secret73

Как сделать закрытие появившегося блока, кликом по нему же?

Добрый вечер. Имеется вот такой код https://jsfiddle.net/enb8g6n8/12/ Суть его в том, что бы показывать или скрывать красиво и плавно блок. Все работает как нужно, за исключением одного момента:
1. Как сделать закрытие блока, при клике на него же, с сохранением анимации fadeOut?
2. Мне нужно сделать таких блоков 9 штук. Есть ли какое то более красивое и сокращенное решение?
  • Вопрос задан
  • 72 просмотра
Решения вопроса 1
freislot
@freislot
Frontend-разработчик
Для переключения состояния элемента используете .fadeToggle()
Ну и в зависимости от верстки делаете
$(this).next( ".box" ).fadeToggle(1000);
Если скрываемый блок идет после "Кликни меня"
Пример
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
AndrewHaze
@AndrewHaze
Умею гуглить яндексом
$( ".logistics" ).click(function() {
  if ( $( "#box" ).is( ":hidden" ) ) {
    $( "#box" ).fadeIn(1000);
  
  }
});

$( "#box" ).click(function() {
    $( "#box" ).fadeOut(1000);
});
Ответ написан
Destell
@Destell
Зеленый фронтендер
2. Мне нужно сделать таких блоков 9 штук. Есть ли какое то более красивое и сокращенное решение?


Что-то вроде
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы