|
Выпадающее меню на чистом js
Velidan,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
.selfSwitcher > .dropDown {
display: none;
}
.opened > .dropDown {
display: block;
}
.selfSwitcher {
border: 1px red solid;
}
</style>
</head>
<body>
<div class="selfSwitcher">My Delivery 14780
<div class="dropDown">
<ul>
<li>My Delivery 14780</li>
<li>My Delivery 14780</li>
<li>My Delivery 14780
<div class="selfSwitcher">My Delivery 14780
<div class="dropDown">
<ul>
<li>My Delivery 14780</li>
<li>My Delivery 14780</li>
<li>My Delivery 14780</li>
</ul>
</div>
</div></li>
</ul>
</div>
</div>
<script>
Array.prototype.forEach.call(document.querySelectorAll(".selfSwitcher"), function(element) {
element.addEventListener("click", function(event) {
event.target == this && this.classList.toggle("opened")
})
});</script>
</body>
</html>
Последний раз редактировалось рони, 03.04.2015 в 18:19.
|