Здравейте, експериментирам с някви работи за уеб сайт и имам проблем, предполагам е елементарно решението, но аз лично не се сещам. Ето две снимки http://imgur.com/mbq8NWv и http://imgur.com/mbq8NWv,zLla8oh#1. Та направил съм jquery hover функция, проблема е че заради тоя spacing отстрани като си сложа мишката на същото ниво като текста се dropdown-ва менюто, без значение дали е върху самия текст или не. Пробвах с margin и padding в style sheet-a но не ми се получава може и аз да греша. Ето и код:
<div id="sidebar">
<ul class="top">
<li>Aside Item 1
<ul class="sub">
<li>Sub Menu 1</li>
</ul>
</li>
<li>Aside Item 2
<ul class="sub">
<li>Sub Menu 2</li>
</ul></li>
<li>Aside Item 3
<ul class="sub">
<li>Sub Menu 3</li>
</ul></li>
<li>Aside Item 4
<ul class="sub">
<li>Sub Menu 4</li>
</ul></li>
<li>Aside Item 5
<ul class="sub">
<li>Sub Menu 5</li>
</ul></li>
<li>Aside Item 6
<ul class="sub">
<li>Sub Menu 6</li>
</ul></li>
</ul>
<script>
$(document).ready(function () {
$("ul.top li").hover(function () { //When trigger is hovered...
$(this).children("ul.sub").slideDown('fast');
}, function () {
$(this).children("ul.sub").slideUp('slow');
});
});
</script>
</div>
