javascript - Display:none; not working in css -

javascript - Display:none; not working in css -

hi i'm using script below.

<script> $(document).ready(function() { $(".btn-slide").hover(function() { $("#panel").slidedown(500); }); $("#loginstuff").mouseleave(function() { $("#panel").slideup(500); }); }); </script>

it creates box when hover on link.

now css this:

#panel { display:none; margin:80px 0 0 0; width:180px; background:#000; border-radius:5px; padding:7px; color:#fff; font-family:arial; font-size:11px; display:block; word-spacing: 0px; z-index:9999; }

it's suppose hide panel div, , script suppose show div on hover.

the problem div still displays on page load, can help me problem.

you have display: none on first line , have display: block farther downwards block. have tried removing sec one?

javascript css