Не работает функция .toggleClass

251

14 февраля 2018, 12:51

Есть ссылка a(href= "javascript://0" onclick = "hidden ()") , и сама функция

function hidden () {
   $('.site-nav__menu-item--hidden').toggleClass('.site-nav__menu-item--visible');
};

Есть объект, умеющий менять свои свойства по нажатию на эту ссылку (путем добавления/удаления нового класса, который умеет перекрывать эти свойства)

.site-nav__menu-item--hidden{
    display: none;
}
.site-nav__menu-item--visible{
    display: inline-block;
}

Почему не работает скрипт?

Answer 1

Можно сделать вот так:

function hide() { 
  $('.block').toggleClass('site-nav__menu-item--visible site-nav__menu-item--hidden'); 
};

.site-nav__menu-item--hidden{ 
    display: none; 
} 
.site-nav__menu-item--visible{ 
    display: inline-block; 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div class="block site-nav__menu-item--hidden">Block</div> 
 
<button id="toggleBlock" onclick="hide()">click</button>

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Скролл страницы при использовании svg-pan-zoom

На странице использую Данную библиотекуSVG находится на ширину всего экрана

219

PHP

Kohana ORM extend rules DB

313

PHP

Наценка исходя из реальная цена товара php

Как сделать наценку исходя из реальная цена товара например: в цене от 10 до 100 добавит наценку в 10% и от 100 до 1000 5% и так далее:

182

PHP

PHP: поиск в многомерном массиве

Добрый деньЕсть многомерный ассоциативный массив $array:

219