Почему пропадает элемент при использовании функции toggle() в JS?

Question

[Dmitry2307]

Добрый день! функция toggle() скрывает элемент #exit__login, не пойму в чем причина, хотя должна скрывать поля с классом .user__menu по нажатию.

PHP

<?php

if ($_COOKIE['name'] != '') {
		echo '<p id="exit__login" class="exit__login">	<i class="fa fa-user-o" aria-hidden="true"></i>Здраствуйте, '.$_COOKIE['name'].'! </p> ';
} else if ($_SESSION['vhod'] == 'yes_vhod') {
		echo '<p id="exit__login" class="exit__login"><i class="fa fa-user-o" aria-hidden="true"></i>Здраствуйте, '.$_SESSION['vhod_name'].'! </p>';
} else if ($_COOKIE['name'] != '' && $_SESSION['vhod'] == 'yes_vhod'){
		echo '<p id="exit__login" class="exit__login"><i class="fa fa-user-o" aria-hidden="true"></i>Здраствуйте, '.$_COOKIE['name'].'! </p>';
} else if (!$_COOKIE['name'] || !$_SESSION['vhod']) {
	echo '<a href="registration.php" class="registration"><i class="fa fa-user-o" aria-hidden="true"></i> Вход / регистрация</a>';
} 

?> 
				<div class="user__menu">
					<div class="user__menu_ugol"></div>
					<p>Личный кабинет</p>
					<div class="user__menu_line"></div>
					<a href="profile.php">Мои данные</a>
					<a href="cart.php">Мои заказы</a>
					<div class="user__menu_line"></div>
					<a id="exit_user">Выход</a>
				</div>

JS

// меню USER
$('#exit__login').toggle(
    function() {
        $(".user__menu").fadeIn(200);
    }
    ,
    function() {
        $(".user__menu").fadeOut(200);
    }
);

Comments

[Dmitry2307]

Может кому пригодится решение

// меню USER
var knopkaExit = document.getElementById('exit__login');
knopkaExit.addEventListener('click', userMenu);
function userMenu() {
    var usMenu = document.getElementById ('user__menu');
    if (usMenu.style.display !== 'none'){
        usMenu.style.display="none";
    } else { usMenu.style.display="block"; }
};

Answer 1

[Шохрух Шаймардонов]

Вам бы почитать документацию!
P.s. специально для вас русскоязычная.

Comments

[Dmitry2307]

может быть тогда подскажешь какая функция выполняет при первом клике по объекту показывает элемент а по второму клику скрывает

[Шохрух Шаймардонов]

Dmitry2307, залей в codepen/jsfiddle, поковыряю