Javascript-форум (https://javascript.ru/forum/)
-   Prototype & script.aculo.us (https://javascript.ru/forum/prototype-script-aculo-us/)
-   -   Помогите разобраться в коде (https://javascript.ru/forum/prototype-script-aculo-us/46874-pomogite-razobratsya-v-kode.html)

MasterClass 27.04.2014 20:09

Помогите разобраться в коде
 
В общем в HTML коде все понятно. Проблемы с java функцией. Помогите с ней разобраться. Заранее спасибо
<html>
<head>
    <title>Вложенные списки</title>
    <script type="text/javascript" src="js/prototype.js"></script>
    <style>
        .common-class {
            cursor: pointer;
        }
    </style>
</head>
<body>
    <ul id="element">
        <li>
            <div class="common-class">Week days</div>
            <ul>
                <li>Mon</li>
                <li>Thu</li>
                <li>Wed</li>
                <li>Tha</li>
                <li>Fry</li>
            </ul>
        </li>
        <li>
            <div class="common-class">Holydays</div>
            <ul>
                <li>Sat</li>
                <li>Sun</li>
            </ul>
        </li>
    </ul>
    <ul>
        <li>
            <div class="common-class">Winters</div>
            <ul>
                <li>Dec</li>
                <li>Jan</li>
                <li>Feb</li>
            </ul>
        </li>
        <li>
            <div class="common-class">Summer</div>
            <ul>
                <li>Jun</li>
                <li>Jul</li>
                <li>Aug</li>
            </ul>
        </li>
    </ul>
    <script type="text/javascript">
        $$(".common-class").each(function (el) {
            el.observe("click", function (event) {
                if (el.next().visible()) {
                    el.next().hide();
                } else {
                    el.next().show();
                }
                Event.stop(event);
            });
        });
    </script>         
</body>
</html>


Часовой пояс GMT +3, время: 22:28.