Форум

soltx · #1 (**permalink**) 04.02.2015, 13:15

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

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

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

Само меню

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

soltx · #2 (**permalink**) 04.02.2015, 13:48

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

рони · #3 (**permalink**) 04.02.2015, 13:55

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

ksa · #4 (**permalink**) 04.02.2015, 13:57

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

Само меню

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

Сообщение от 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>

рони · #5 (**permalink**) 04.02.2015, 14:02

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

soltx · #6 (**permalink**) 04.02.2015, 15:06

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

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

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

ksa · #7 (**permalink**) 04.02.2015, 15:16

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

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

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

рони · #8 (**permalink**) 04.02.2015, 15:32

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

клик в не элемента

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

Форум

Справочник

Discord чат

Курсы javascript