Mam problem z menu w jquery

[HTML] pobierz, plaintext 
<script type="text/javascript">
$(document).ready(function(){
 
$("h5 a").click(function(){
$(this).css('border-bottom','5px');
$(this).parent().next().toggle("normal");
});
 
$("#show-all").toggle(function(){
$(this).val('Zwiń wszystko');
$(".nav ul").show("normal");
$(this).css('border-bottom','5px');
}, function(){
$(this).val('Rozwiń wszystko');
$(".nav ul").hide("normal");
$(this).css('border-bottom','5px');
});
});
</script>
 
<div id="side" style="margin: 5px 0 0 30px;width: 180px;">
 
<div class="nav">
<h5><a href="#" id="show1">cos</a></h5>
<ul style="display:none;" id="menu1">
<li><a href="?show=6">cos tam</a></li>
</ul>
</div>
 
<div class="nav">
<h5><a href="#" id="show2">cos 2</a></h5>
<ul style="display:none" id="menu2">
<li><a href="?show=10">cos tam 2</a></li>
</ul>
</div>
 
<div class="nav">
<h5><a href="#" id="show3">cos 3</a></h5>
<ul style="display:none" id="menu3">
<li><a   href="?show=12">cos 3</span></a></li>
 
</ul>
</div>
 
<div class="nav">
<h5><a href="#" id="show4">cos 4</a></h5>
<ul style="display:none" id="menu4">
                    <li><a  href="?show=14">cos 4</a></li>
 
</ul>
</div>
[HTML] pobierz, plaintext 

i teraz mam problem z odstępem jak się rozwinie menu ;/
dodalem to ale cos nie działa
$(this).css('border-bottom','5px');

pomocy

Przeskakujące, etc? Jeśli tak, daj overflow: hidden dla rodzica.

Dzieki poradziłem sobie dałem padding-bottom i działa