|
Сообщение от Mrs.Haneki
|
|
не работает((
|
ой а здесь работает ))) по всем ссылкам кроме галереи будет переход
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
.pod-menu.left {
left: 0px;
}
.pod-menu{
position: absolute;
left: -500px;
transition: 0.8s;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
$(function() {
$(".pod-menu").each(function(indx, el) {
$(this).prev().click(function(event) {
event.preventDefault();
$(el).toggleClass("left")
})
})
});
</script>
</head>
<body>
<div class="side-menu">
<ul>
<li class="navigation-item"><a href="index.html">Главная</a></li>
<li class="navigation-item"><a href="index.html">О компании</a></li>
<li class="navigation-item"><a href="index.html">Галерея</a>
<div class="pod-menu">
<ul>
<li><a href="/index/punkt1/">Подменю 1</a></li>
<li><a href="/index/punkt2/">Подменю 1</a></li>
<li><a href="/index/punkt2/">Подменю 1</a></li>
</ul>
</div>
</li>
</ul>
</div>
</body>
</html>