1

Есть кнопка. При нажатии на нее один раз, должен открываться div Блок. При нажатии второй раз блок должен закрываться.

Сделал только что бы открывался, а как узнать состояние и потом закрыть?

$( ".fa-edit" ).click(function() {
          $( ".cabinet-block-about-me" ).slideDown(300);
        });
1
  • slideToggle()
    – splash58
    22 апр 2016 в 9:57

2 ответа 2

1

Метод slideToggle() - приводит к плавному сворачиванию (если элемент развернут) или разворачиванию (если элемент свернут) выбранных элементов на странице.

$("button").click(function() {
  $("div").slideToggle("slow");
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button>Вуаля!</button>
<br>
<br>
<div>
  <img src="/tags/images/yo.jpg" style="height:150px; float:right; margin:5px 5px">
  <b>Правило.</b> Ё должна использоваться: в случаях возможных разночтений; в словарях; в книгах для изучающих русский язык (т. е. детей и иностранцев); для правильного прочтения редких топонимов, названий или фамилий. Во всех остальных случаях наличие
  буквы ё только затрудняет чтение. Она плохо выглядит, зато хорошо звучит.
</div>

Также как второй параметр может передаваться callback — функция, заданная в качестве обработчика завершения анимации (появления или скрытия)

Подробности...

0

Используйте .slideToggle() вместо .slideDown().

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.