Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Скрыть класс при клике (https://javascript.ru/forum/jquery/53440-skryt-klass-pri-klike.html)

soltx 04.02.2015 13:15

Скрыть класс при клике
 
Привет, делаю менюшку возникли проблемы.

Проблемы следующие при клике li автоматически все классы sub-menu remove() кроме того у которого вызвали, че то сяжу туплю, может кто подкинет идейку как реализовать.

нужно универсальное решение (пунктов меню может быть больше)

Само меню

http://jsfiddle.net/soltx/7eqzt5fy/

soltx 04.02.2015 13:48

решено! не тот элемент добавил в container надо было .sub-menu

рони 04.02.2015 13:55

soltx,
http://jsfiddle.net/7eqzt5fy/17/

ksa 04.02.2015 13:57

Цитата:

Сообщение от soltx
Само меню

Пример у тебя пипец! :D

Цитата:

Сообщение от soltx
при клике li автоматически все классы sub-menu remove() кроме того у которого вызвали

Как вариант...

<!DOCTYPE html>
<html ng-app>
<head>
<script src='http://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="http://code.angularjs.org/1.1.4/angular.min.js"></script>
<link rel='stylesheet type=text/css href=tmp.css' />
-->
<style type='text/css'>
.open {
	border: 1px solid red;
}
</style>
<script type='text/javascript'>
$(function(){
	$('li').click(function () {
		$('li').removeClass('open');
		$(this).addClass('open');
	})
});
</script>
</head>
<body> 
<ul>
	<li>Item 0</li>
	<li>Item 1</li>
	<li>Item 2</li>
	<li>Item 3</li>
</ul>
</body>
</html>

рони 04.02.2015 14:02

ksa,
на вложенных под пунктах этот код не гуд

soltx 04.02.2015 15:06

рони, спс всё гуд, но есть один момент, мне нужно, если происходит клик в не элемента тоже скрывать .sub-menu

ksa, примитивно в моем случаи наверно не решить, так как есть различные условия для меню.

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

ksa 04.02.2015 15:16

Цитата:

Сообщение от soltx
примитивно в моем случаи наверно не решить, так как есть различные условия для меню

Это всего лишь пример идеи, которую всегда можно доработать... Суть ее в следующем:
- убрать у кого нужно скопом
- поставить текущему
О чем собственно и был вопрос

рони 04.02.2015 15:32

Цитата:

Сообщение от soltx
клик в не элемента

http://jsfiddle.net/7eqzt5fy/19/


Часовой пояс GMT +3, время: 00:09.