javascript - jqueryで縦スライドメニューを作る

Question

ここに私のhtmlがあります:

<ul id="dmenu">
    <li><a href="#">menu item one</a></li>

    <li><a href="#">menu item two</a>
            <ul class="displayNone">
                <li><a href="#">menu item one</a>
            </ul>
    </li>
</ul>

ユーザーが a タグの 1 つをクリックすると、親の li タグに ul タグがあるかどうかをコードで確認します。ある場合は、 a タグのデフォルト アクションを防止し、子 ul 要素を slideToggle したい

私のjquery atm：

$('#dmenu > a').click(function(e) {
    if (this.parent().has('ul')) {
        e.preventDefault();
        $(this).children().slideToggle();
    }
});