2

Есть код, где 'open_menu' - это кнопка (ссылка) , а 'header_menu' - меню. При нажатии на кнопку меню должно появляться, и при повторном нажатии исчезать. Но вместо этого сама кнопка появляется и исчезает, без клика на нее (как анимация). Подскажите, где ошибка, пожалуйста.

$(document).ready(function() {
  $(".open_menu").toggle(function() { 
    $(".header_menu").fadeIn();
    return false;
  },  
  function() { 
    $(".header_menu").fadeOut();
    return false;
  }); 
}); 
3
  • Найдите дубликат кто-нибудь
    – Doofy
    Commented 22 июл. 2016 в 12:14
  • версия jquery какая? Commented 22 июл. 2016 в 12:18
  • Версия Jquery 3.0.0
    – Fantik
    Commented 22 июл. 2016 в 12:20

2 ответа 2

5

В toggle http://api.jquery.com/toggle/ нет вариант использования функции toggle(callback, callback), изучите подробнее этот метод. Правильно, например, так:

<!DOCTYPE html>
<html>

<head>
  <title>titile</title>
  <meta charset="utf-8">
  <style>
  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  <script>
    $(function() {
      $(".open_menu").on('click', function() {
        $(".header_menu").toggle();
      });
    });
  </script>
</head>

<body>

  <input type="button" value="Меню" class="open_menu">
  <div class="header_menu">Блок меню</div>

</body>

</html>

1
  • Спасибо, работает! Впредь буду внимателен
    – Fantik
    Commented 22 июл. 2016 в 12:32
1

Или так, если надо с fade:

<!DOCTYPE html>
<html>

<head>
  <title>titile</title>
  <meta charset="utf-8">
  <style>
  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  <script>
    $(function() {
      $(".open_menu").on('click', function() {
        $(".header_menu").fadeToggle();
      });
    });
  </script>
</head>

<body>

  <input type="button" value="Меню" class="open_menu">
  <div class="header_menu">Блок меню</div>

</body>

</html>

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

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