Открытие блока по клику?

Question

[hax0r :3]

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

//<![CDATA[ 
$(window).load(function(){
	$('.lm-toggle').on('click', function(){
	$('#sidebar-bg').toggleClass('act');
	});
});
//]]>

//<![CDATA[ 
$(window).load(function(){
	$('#sidebar-bg').on('click', function(){
	$('#sidebar-bg').toggleClass('no');
	});
});
//]]>

#sidebar-bg {
    background: rgba(0,0,0,.5);
    width: 100%;
    height: 100%;
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;

    -webkit-animation-duration: 0.1s; 
    animation-duration: 0.1s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
    -webkit-animation-name: fadeIn; 
    animation-name: fadeIn; 
}

#sidebar-bg.act {
    display: block;
}

#sidebar-bg.no {
    display: none;
}

<div id="sidebar-bg"></div>

Сразу скажу что знаний у меня в JQ = 0.

Answer 1

[Денис Инешин]

Вы добавили слишком много сущностей.

1. Достаточно одного класса .act, а вот display: none вынесите в базовый стиль.
2. Прочитайте про document.ready, использовать load недальновидно.
3. CDATA не нужна.
4. Не нужно писать для каждого действия свою отдельную обертку в виде window.load

jsfiddle.net/IonDen/mnw8L0zc

Comments

[hax0r :3]

document.ready - у меня почему то не работает. Вообщем я не понял как по клику на див, спрятать его, чтобы в следующий раз он открывался.

[Денис Инешин]

syseN: Вы просто не умеете его готовить: jsfiddle.net/IonDen/mnw8L0zc

[hax0r :3]

Fuck the system :D Спасибо!)))

[hax0r :3]

Денис Инешин: Ну я же написал, что у меня знаний в JQ как и в JS нету, скрипт так то вообще не мой))

[hax0r :3]

Погоди ка, ты меня не понял, мне нужно что бы когда красный блок откроется, по клику на него он закрывался. И эта функция выполнялась без обновления страницы, тоесть каждый раз.

[Денис Инешин]

syseN: jsfiddle.net/IonDen/mnw8L0zc

Answer 2

[Steely]

$('#sidebar-bg').toggle()

Comments

[hax0r :3]

А дальше что? не разъясните? пожалуйста.)