Edit in JSFiddle

function openNav() {
    $(".subs").slideDown("fast");
}

function closeDelay() {
    $(this).find("ul").slideUp("fast");
}
$(function () {
    $("li ul").hide();
    $("ul li").hover(function () {
        openNav();
    }, function () {
        closeDelay();
    });
});
<nav>
    <ul>
        <li>	<a href="#">Tableware</a>

            <ul class="subs">
                <li><a href="#">和食器</a>

                    <li><a href="#">洋食器</a>

                    </li>
                    <li><a href="#">ガラス食器</a>

                    </li>
                    <li><a href="#">カトラリー</a>

                    </li>
            </ul>
            </li>
            <li>	<a href="#">Cooking</a>

                <ul class="subs">
                    <li><a href="#">鍋・フライパン</a>

                    </li>
                    <li><a href="#">調理器具</a>

                    </li>
                    <li><a href="#">小物・収納</a>

                    </li>
                </ul>
            </li>
            <li>	<a href="#">Catalog</a>

                <ul class="subs last">
                    <li><a href="#">Tableware カタログ</a>

                    </li>
                    <li><a href="#">Cooking カタログ</a>

                    </li>
                    <li><a href="#">Table linen カタログ</a>

                    </li>
                </ul>
            </li>
    </ul>
</nav>
nav {
    width: 600px;
    height: 50px;
}
nav > ul > li {
    float:left;
    background: #3cf;
    padding: 10px;
}
nav > ul > li + li {
    background: #fb0;
}
nav > ul > li + li + li {
    background: #4dc;
}
nav > ul > li > a {
    color: #333;
    display: block;
}
nav a {
    color: #fff;
    display: block;
}