Untitled

<!DOCTYPE HTML>
<html>
    <head>  <meta charset="utf-8"></head>
    <body>
        <ul id="main-list">
            <li><h3>Игра престолов</h3>
                <ul>
                    <li><h4>Старки</h4>
                        <ul>
                            <li>Эддард</li>
                            <li>Джон</li>
                        </ul>
                    </li>
                    <li><h4>Таргариены</h4>
                        <ul>
                            <li>Эйган</li>
                            <li>Дайнерис</li>
                        </ul>
                    </li>
                    <li><h4>Ланнистеры</h4>
                        <ul>
                            <li>Серсея</li>
                            <li>Джейми</li>
                        </ul>
                    </li>
                </ul>
            </li>
            <li><h3>Не Игра престолов</h3>
                <ul>
                    <li><h4>Джей и молчаливый Боб</h4>
                            <ul>
                                <li>Джей</li>
                                <li>Боб</li>
                            </ul>
                     </li>
                </ul>
            </li>
            </li>
        </ul>
        <script>
            $('li').click(function(hide) {
                $(this).children().slideToggle('slow');
                hide.stopPropagation();
            });
        </script>
    </body>
</html>