Показать сообщение отдельно
  #4 (permalink)  
Старый 25.07.2013, 23:25
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,077

Lawwin,
попробуйте оформить свой вопрос тегами они тут и тут


<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
 <style type="text/css">
 ul{
   display: none;
 }
 </style>
<script>window.onload = function() {
for (var a = document.querySelectorAll(".rmenu"), el, i = 0; i < a.length; i++)
    a[i].addEventListener("click", function (d) {
    d++;
    return function (b) {
        var c = document.getElementById("menu_" + d);
        el && (el.style.display = "none");
        c != el ? (c.style.display = "block",  el = c) : ( el = null);
        b = b || window.event;
        b.preventDefault ? b.preventDefault() : b.returnValue = !1
    }
}(i));  }

</script>
</head>

<body>

 <li><a href="#" class="rmenu">Текст 1</a></li>
 <ul id="menu_1" >
 <a href="#" class="amenu"><li>Текст 1.1</li></a>
 <a href="#" class="amenu"><li>Текст 1.2</li></a>
 </ul>

 <li><a href="#" class="rmenu">Текст 2</a></li>
 <ul id="menu_2" >
 <li><a href="#">Текст 2.1</a></li>
 <li><a href="#">Текст 2.2</a></li>
 </ul>

 <li><a href="#" class="rmenu">Текст 3</a></li>
 <ul id="menu_3" style="display: none;">
 <li><a href="#">Текст 3.1</a></li>
 <li><a href="#">Текст 3.2</a></li>
 </ul>


</body>

</html>

Последний раз редактировалось рони, 26.07.2013 в 00:52.
Ответить с цитированием