Невозможно получить выскользнуть меню для правильного отображения

Question

Вот ссылка на сайт незавершенного - http://barret.co/resources/testsite12345/

Там почти ничего на сайте еще, как я работаю на скелете, поэтому инспектирование элемента должно быть очень легко определить, что не так.

Я работаю над слайд-меню с нуля, но довольно новичок в jQuery. В основном, то, что я сейчас работаю, но не совсем так, как мне хотелось бы. как вы можете видеть, когда вы нажимаете кнопку меню в левом верхнем углу, она сдвигает панель влево и назад вправо. Я бы хотел, чтобы эта панель сначала была скрыта при просмотре страницы, а затем выскользнула при щелчке по меню.

Кроме того, есть ли простой способ закрыть эту панель, если пользователь нажимает на главную страницу? Единственный способ, которым он сейчас закрывается, - это снова нажать кнопку меню.

Любая помощь очень ценится.

Заранее благодарен!

Answer 1

Я думаю, что у вас просто было смешение с классами.

Добавьте это в #left-menu CSS:

right: 300px; 

, а затем использовать это:

jQuery(document).ready(function($) { 
    $('#menu-container #right-menu').click(function(){ 
    var hidden = $('#left-menu'); 
    if (! hidden.hasClass('visible')){ 
     hidden.animate({"right":"0px"}, "slow").addClass('visible'); 
    } else { 
     hidden.animate({"right":"300px"}, "slow").removeClass('visible'); 
    } 
    }); 
}); // end 

Answer 2

Добавьте следующее: $ (". Logo"). Hide() в $ (document) .ready (function() {});