JQuery переключатель не работает / скрытие навигации по клику

0

Я просто пытаюсь переместить div 40% влево, а затем вернуться к 0% при нажатии/переключении... не уверен, почему он не работает, я сделал это до того, где он работает. По какой-то причине это скрывает кнопку NAV и не переключает....

скрипка

JQuery

$("#mobileNav").toggle(function() {
    $("#content").animate({ "left" : "40%" }, 500);
}, function() {
    $("#content").animate({ "left" : "0%" }, 500);
});

HTML

<div class="header">
    <a href="#" id="mobileNav">Nav</a>
</div>

<div id="mainContain">
    <div id="menu"></div>
    <div id="content"></div>
</div>
Теги:
toggle

2 ответа

4
Лучший ответ

Эта версия переключения устарела и удалена, теперь она только скрывает и показывает вещи, но вы можете создать свои собственные функции переключения:

$("#mobileNav").on('click', function() {
    var toggle = $(this).data('toggle'),
        dist   = toggle ? '0%' : '40%';

    $("#content").animate({ "left" : dist }, 500);
    $(this).data('toggle', !toggle);
});

FIDDLE

Поделиться
  • 0
    1+ Ты невероятно быстр.
  • 0
    @adeneo Мне больше нравится твой ответ, чем мой!
Показать ещё 1 комментарий
0

Не похоже, чтобы что-то вызывало ваши оживленные звонки. Попробуй это

var toggle = false;
$("#mobileNav").click(function(){
    toggle = !toggle;
    if(toggle)
         //do animations
    else
        //reverse the animations
});
Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню