Нажмите, чтобы открыть и скрыть меню

Question

Вчера я задал вопрос о щелчке, чтобы открыть меню, на которое был дан отличный ответ.Однако мне было интересно, как я могу заставить div исчезать при нажатии на текст «информация о проекте», а затем снова исчезать при повторном нажатии «информация о проекте».Я знаю, что это, вероятно, очень простая вещь, но я очень плохо знаком с javascript и jquery и был бы очень признателен за помощь.HTML-код выглядит следующим образом:

<div  class="descinner">
    <a href="javascript:void(0);" class="showDesc">Project info</a>    
</div>

и Javascript:

$('.showDesc').click(function(e) { e.stopPropagation(); $(this).next().toggle(); });
$('body').click(function() { $('.showDesc').next().hide(); });

Answer 1

Вы пробовали метод fadeToggle ()?

Как это:

$('.showDesc').click(function() {
  $('.info').fadeToggle();
});

Это покажет .info div при первом щелчке .showDesc и скроет его при втором (и т. Д.) ..

Answer 2

у вас есть функции анимации jQuery: fadeIn и fadeOut. Вы также можете использовать функции отображения и скрытия. просто установите желаемый параметр скорости

$('your_div').fadeIn(100);
$('your_div').fadeOut(100);

Answer 3

написать пользовательскую функцию и вызвать ее onClick ... внутри этой функции вы можете поместить свои fadeIn и fadeOut ... и вы особенно не можете сделать это с помощью .toggle ().

Answer 4

Проверьте функцию FadeIn () . Используйте его на элементе, который вы хотите добавить.