Первая проблема в том что при нажатии на ссылку меню открывается и сразу закрывается а вторая проблема в том что мне нужно что бы после перехода по ссылке s2.htm меню всё так же остовалось открытым пока пользователь его не закроет, как это можно сделать?
<!doctype html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title> my site </title>
<link type="text/css" rel="stylesheet" href="css/style.css" />
<script type="text/javascript" src="js/script.js"></script>
</head>
<body>
<ul id="menu">
<li><a href="#">Ссылка1</a></li>
<li><a href="#" class="dd">Ссылка2 *</a>
<ul class="userDropdown">
<li><a href="s2.htm">Ссылка2-1</a></li>
<li><a href="#">Ссылка2-2</a></li>
<li><a href="#">Ссылка2-3</a></li>
</ul>
</li>
<li><a href="#">Ссылка3</a></li>
</ul>
<script type="text/javascript">
<!--
$('.dd').click(function () {
$('.userDropdown').slideToggle(200);
});
$(document).bind('click', function(e) {
var $clicked = $(e);
if (! $clicked.parents().hasClass("dd"))
$(".userDropdown").slideUp(200);
});
-->
</script>
</body>
</html>
Примечание:
Стили
body {
font-family: Arial, Helvetica, Sans-serif;
}
ul li {
list-style: none;
margin-top: -1px;
}
#menu li {
width: 120px;
}
a {
display: block;
width: 120px;
height: 30px;
border: 1px solid #ccc;
text-align: center;
padding-top: 10px;
color: #969696;
text-decoration: none;
}
a:hover {
background-color: #A9A9A9;
color: #fff;
}
.userDropdown {
display: none;
padding: 0;
}
RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.
Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.
Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.