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

286

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 находится на ширину всего экрана

257

PHP

Kohana ORM extend rules DB

370

PHP

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

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

214

PHP

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

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

254