[devote]

сейчас тупо большой одноуровний список с одним классом.

с другой стороны конечно и из этого можно сделать многоуровневое меню...

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<style>
    .shme_aa, .shme_aaa {
        display: none;
    }
</style>
<ul class="menu_m_s">
<li class="shme_a"><a href="/shop/cat/" alt="Кошки">Товары для кошек</a></li>
    <li class="shme_aa"><a href="/shop/cat/cats_fav_food/" alt="Лакомства для кошек">Лакомства для кошек</a></li>
    <li class="shme_aa"><a href="/shop/cat/c_korm/" alt="Корма">Корма</a></li>
        <li class="shme_aaa"><a href="/shop/cat/c_korm/bozita/" alt="Бозита">Бозита</a></li>
<li class="shme_a"><a href="/shop/dog/" alt="Собаки">Товары для собак</a></li>
    <li class="shme_aa"><a href="/shop/dog/dog-food/" alt="Корма для собак">Корма</a></li>
        <li class="shme_aaa"><a href="/shop/dog/dog-food/hills-dog/" alt="Хиллс">Хиллс</a></li>
        <li class="shme_aaa"><a href="/shop/dog/dog-food/brit-d/" alt="Брит">Брит</a></li>
</ul>

<script type="text/javascript">
$(function() {
    $('.shme_a a').click(function(e) {
        var keep = false;
        $(this).parent().find('~ .shme_a, ~ li.shme_aa').filter(function() {
            return !(keep = !keep ? $(this).hasClass('shme_a') : 1);
        }).slideToggle();
        e.preventDefault();
    });

    $('.shme_aa a').click(function(e) {
        var keep = false;
        $(this).parent().find('~ .shme_aa, ~ li.shme_aaa').filter(function() {
            return !(keep = !keep ? $(this).hasClass('shme_aa') : 1);
        }).slideToggle();
        e.preventDefault();
    });
});
</script>

Тока нафига так извращаться то???