Открытие подменю при щелчке на меню

**SergeyNetIt** · 12.11.2013 19:33

Не работает код:

Код HTML:

<!doctype html> <html> <head> <title>Privet</title> <meta charset="utf-8"> <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js">
	$(document).ready(function () {

	$('.nn').toggle(function (e) {
    e.preventDefault();
    $('.sdff').show();
	}, function (e) {
    e.preventDefault();
    $('.sdff').hide();
	});
	});
		</script> <style type="text/css">
		#menu{
			width:85px;
		}
		#menu li{
			 list-style:none;
			 text-align:center;
			 line-height:20px;
		}
	#menu li ul{
		display:none;
	}
		
	</style> </head> <body> <ul id="menu"> <li><a href="#" class="nn">Windows</a> <ul class="sdff"> <li><a href="#">windows1</a></li> <li><a href="#">windows2</a></li> <li><a href="#">windows3</a></li> <li><a href="#">windows4</a></li> </ul> </li> <li><a href="#">Софт</a></li> <li><a href="#">Проги</a></li> <li><a href="#">Винчестер</a></li> <li><a href="#">Антивирусы</a></li> </ul> </body> </html>

Подскажите в чем ошибка. Нужно, чтобы при щелчке на меню открывалось подменю и реализовать через Jquery ?

---------- Сообщение добавлено 16:33 ---------- Предыдущее 15:41 ----------

SergeyNetIt, Я вот пока решил так

Код HTML:

$(document).ready(function() {
        $('.menu').find('>li').click(function() {
            $('.menu > li').not(this).find('ul').slideUp();
            $(this).find('ul').stop(true, true).slideToggle(400);
            return false;
        });


    });

Код работает везде. Но в IE нет, подскажите как быть??

**doctordick** · 13.11.2013 11:45

Привет, как-то типа так:
...

Код:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
	$('.nn').click(function (e) {
    $('.sdff').toggle();
    e.preventDefault();
	});
});
</script>

...
если уж совсем в лоб!

**ArhStrAngeR** · 13.11.2013 12:32

SergeyNetIt, а это что такое?
Сгенерированное меню на WordPress
Раздвижное меню на WordPress
Выпадание подменю при клике на меню
Открытие подменю при щелчке на меню
Может хватит создавать темы-клоны?

Комментарий модератора: ArhStrAngeR

В читатели на недельку.

**Юрий_MVC** · 13.11.2013 12:43

Код:

<script type="text/javascript">
    $(document).ready(function () {
        $("#menu li").on("click",function () {
            $(this).children("ul.sdff").toggle()
        })
    })

</script>

	12.11.2013 19:33 #1
SergeyNetIt Опытный Регистрация: 06.08.2013 Сообщений: 307 Репутация: 5	Не работает код: Код HTML: <!doctype html> <html> <head> <title>Privet</title> <meta charset="utf-8"> <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"> $(document).ready(function () { $('.nn').toggle(function (e) { e.preventDefault(); $('.sdff').show(); }, function (e) { e.preventDefault(); $('.sdff').hide(); }); }); </script> <style type="text/css"> #menu{ width:85px; } #menu li{ list-style:none; text-align:center; line-height:20px; } #menu li ul{ display:none; } </style> </head> <body> <ul id="menu"> <li><a href="#" class="nn">Windows</a> <ul class="sdff"> <li><a href="#">windows1</a></li> <li><a href="#">windows2</a></li> <li><a href="#">windows3</a></li> <li><a href="#">windows4</a></li> </ul> </li> <li><a href="#">Софт</a></li> <li><a href="#">Проги</a></li> <li><a href="#">Винчестер</a></li> <li><a href="#">Антивирусы</a></li> </ul> </body> </html> Подскажите в чем ошибка. Нужно, чтобы при щелчке на меню открывалось подменю и реализовать через Jquery ? ---------- Сообщение добавлено 16:33 ---------- Предыдущее 15:41 ---------- SergeyNetIt, Я вот пока решил так Код HTML: $(document).ready(function() { $('.menu').find('>li').click(function() { $('.menu > li').not(this).find('ul').slideUp(); $(this).find('ul').stop(true, true).slideToggle(400); return false; }); }); Код работает везде. Но в IE нет, подскажите как быть??
0 SergeyNetIt

	13.11.2013 11:45 #2
doctordick Опытный Регистрация: 03.09.2009 Сообщений: 302 Записей в дневнике: 1 Репутация: 60	Привет, как-то типа так: ... Код: <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script> <script type="text/javascript"> $(document).ready(function () { $('.nn').click(function (e) { $('.sdff').toggle(); e.preventDefault(); }); }); </script> ... если уж совсем в лоб!
0 doctordick

Темы	Раздел	Ответов	Последний пост
Выпадание подменю при клике на меню	WordPress	10	13.11.2013 12:31
Открытие страницы	DLE	0	11.04.2012 01:45
Открытие страницы	Вопросы от новичков	0	11.04.2012 01:45
Вид меню категорий Virtuemart нужно заменить на вид меню Joomla	Вопросы от новичков	2	21.11.2011 21:31

Открытие подменю при щелчке на меню

Опции темы

Комментарий модератора: ArhStrAngeR

Спасибо сказали:

Спасибо сказали:

Тэги топика:

Похожие темы

Выпадание подменю при клике на меню

Открытие страницы

Открытие страницы

Вид меню категорий Virtuemart нужно заменить на вид меню Joomla

Тем:

Сообщений:

Пользователей:

Сейчас на сайте:

Вход

Сайт

Разделы

Прочее

Следите за нами

Витрина ссылок

У нас проходит

У кого попросить инвайт?

Золотые темы форума

Последние новости

Популярные темы

Информеры