jquery prikazi/skrij

Imam sledečo kodo, kar želim doseči je da pri vsakem IDju posebej prikaže/skrije ostale elemente, trenutno ne dela pravilno, ker nimam pojma kako glede na id prikzat/skrit.

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<ul class="nav_accordian" id="1">
<?php
for($i = 1; $i <= 10; $i++){
echo '<li><a href="">'.$i.'</a></li>';
}
?>
</ul>
<ul class="nav_accordian" id="2">
<?php
for($i = 1; $i <= 10; $i++){
echo '<li><a href="">'.$i.'</a></li>';
}
?>
</ul>
<script>
$('.nav_accordian').each(function(){
    var max = 4
    if ($(this).find('li').length > max) {
        $(this).find('li:gt('+max+')').hide().end().append('<li class="sub_accordian"><span class="show_more">(see more)</span></li>');
        $('.sub_accordian').click( function(){
            $(this).siblings(':gt('+max+')').toggle();
            if ( $('.show_more').length ) {
                $(this).html('<span class="show_less">(see less)</span>');
            } else {
                $(this).html('<span class="show_more">(see more)</span>');
            };
        });
    };
});
</script>