Открыть/закрыть, но SlideToggle не красиво :)

@Aidera · Регистрация: 29.07.2015

Author24 — интернет-сервис помощи студентам

Здравствуйте,
помогите пожалуйста, рыскала в интернете, но варианты не рабочие (но скорее всего я их просто не правильно использую)

При нажатии на надпись нужно открыть блок, а при повторном нажатии - закрыть

Да, slideToggle работает, но как-то.. немного.. не красиво. Хотелось бы через opacity

пробывала так (ну как пробывала, скопипастила

)

Javascript

click = 0;
function ToogleClick(){
        if(click){
            click = 0;
            $(".enter_page_menu").click(function(){
                $('.auth').show(200);
            });
            
        }else{
            click = 1;
            $(".enter_page_menu").click(function(){
                $('.auth').hide(200);
            }); 
            
}};

(прописала в отдельном js файле, перед document ready, в другом случае не работало)
и хтмл

HTML5

1 2	<li class="enter_page_menu" onclick="ToogleClick();"><a rel="nofollow"><noindex>ВОЙТИ</noindex></a> <div class="auth"></div>

где, с onclick та самая надпись, а блок auth

Беда случилась вот какая:
первый клик прошел хорошо,
а на второй и последующие я поняла, что каждый раз значение click прибавляется на 1, заставляя открываться/закрываться это количество раз. Почему и как... я вообще не пойму... тут даже плюса нету...

Помогите пожалуйста,
совсем не могу разобраться

Добавлено через 12 минут
Нашла еще вот что:

Javascript

$('.enter_page_menu').toggle(
    function(){
        $(".auth").fadeIn(200); 
    },
    function(){
        $(".auth").fadeOut(200);    
    }
);

Но, к сожалению, данный код сразу, при старте, свернул надпись, не дав по ней даже навести

@Max Dark · 24.07.2016, 23:17

Сообщение от Aidera

Почему и как...

вы каждый раз дополнительный обработчик навешиваете...

Javascript

click = false;
function ToogleClick(){
    if(click){
        $('.auth').show(200);
    }else{
        $('.auth').hide(200);
    }
    click = !click
}

как то так

@Aidera · 24.07.2016, 23:29 **[ТС]**

Cra3y,
Большое спасибо за ответ,
однако есть некоторые проблемы..(
На первый клик не обращает внимания,
на последующие не закрывает (проходит по коду: закрыл и снова открыл)

Добавлено через 5 минут
Cra3y,
однако ответ я все же нашла, но другим способом
.toggle не работал в той версии jquery, которая у меня. Чутка изменив код все поучилось

PHP

$('.enter_page_menu').click(
        function(){
            $(".auth").fadeToggle(200); 
        }
    );

вдруг надо кому

	24.07.2016, 23:29