Javascript.RU

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

Работает только после перезагрузки
Сделал 2 тренировочных кнопки "Скрыть" и "Развернуть", ну и собственно написал к ним простые функции с помощью jQuery , оно то работает , скрывает и разворачивает, но свернуть и развернуть могу только 1 раз, дальше кнопки не работают. Чтобы снова работали приходится перезапустить страницу. Как исправить?
HTML код:
<nav class="menu">
<ul>
<li class="active"><a href="">Пункт</a></li>
<li><a href="">Пункт</a></li>
<li><a href="">Пункт</a></li>
<li><a href="">Пункт</a></li>
</ul>
<input type="button" value="свернуть" onclick="a()"/>
</nav>
<input type="button" value="развернуть" onclick="b()"/>
и JS
var stil = $('.menu');
function a(){
stil.addClass("men")
};
function b(){
stil.addClass("menz");
}
Ответить с цитированием
  #2 (permalink)  
Старый 04.12.2018, 20:15
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,105

AndreasW33D,
removeClass где?
Ответить с цитированием
  #3 (permalink)  
Старый 04.12.2018, 20:21
Новичок на форуме
Отправить личное сообщение для AndreasW33D Посмотреть профиль Найти все сообщения от AndreasW33D
 
Регистрация: 04.12.2018
Сообщений: 2

спасибо большое, написал просто 2 разных стиля , в одном display: none а в другом display: block , сменил на removeClass, работает
Ответить с цитированием
  #4 (permalink)  
Старый 04.12.2018, 20:24
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,105

AndreasW33D,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  nav{
      display: none;
  }

  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  <script>
$(function() {
  $(".open").click(function() {
    $('.menu').slideToggle()
})
});
  </script>
</head>

<body>
<nav class="menu">
<ul>
<li class="active"><a href="">Пункт</a></li>
<li><a href="">Пункт</a></li>
<li><a href="">Пункт</a></li>
<li><a href="">Пункт</a></li>
</ul>
<input type="button" value="свернуть"   class="open">
</nav>
<input type="button" value="развернуть" class="open"/>

</body>
</html>

Последний раз редактировалось рони, 04.12.2018 в 20:27.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Переход на страницу после перезагрузки фрейма grertgf Общие вопросы Javascript 2 21.03.2018 15:14
Высылаемые данные для Vue JS после перезагрузки страницы pro_xaoc Библиотеки/Тулкиты/Фреймворки 1 08.11.2017 22:32
Не работает встроенный слайдер после смены темы WP Tark347 jQuery 3 18.08.2015 15:54
Как отобразить img только после загрузки всего изображения overdrive Общие вопросы Javascript 6 06.11.2012 20:02
Почему скрипт срабатывает только после обновления страницы? Randomizer jQuery 2 01.09.2010 19:01