JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="cat">
        <li>
            <a href="http://localhost/wordpress/category/my-category/" title="View all posts filed under my category">my category</a> (1)
            <ul class="show-hide">
                <li><a href="http://localhost/wordpress/2011/06/twetwetewrwe/">twetwetewrwe</a></li>
            </ul>
        </li>
        <li>
            <a href="http://localhost/wordpress/category/uncategorized/" title="View all posts filed under Uncategorized">Uncategorized</a> (7)
            <ul class="show-hide">
                <li><a href="http://localhost/wordpress/2011/06/5th/">5th</a></li>
                <li><a href="http://localhost/wordpress/2011/06/twtwe/">twtwe</a></li>
                <li><a href="http://localhost/wordpress/2010/08/five-ways-widget-manufacturing-can-be-bungled/">Lorem Ipsum dolor sin amet</a></li>
                <li><a href="http://localhost/wordpress/2010/08/help-me/">help-me!</a></li>
                <li><a href="http://localhost/wordpress/2010/08/hello-world-2/">Hello world!</a></li>
            </ul>
        </li>
    </ul>

CSS

.cat {
    overflow: hidden;
    margin-top: 50px;
}

.cat li {
    float: left;
    margin-left: 10px;
}
.show-hide {
    position: absolute;
    border: 1px solid black;
    padding: 10px;
}

.show-hide li {
    float: none;
    margin-left: 0;
}

JavaScript

var $ul = $('.show-hide').hide();
    $ul.parent()
        .hover(function(){
            $(this).find('.show-hide').show();
        },function(){
            $(this).find('.show-hide').hide();
        })