JQuery slideDown() not working

Question

I cant get the greenbar to slidedown when the page loads. Can anyone tell me what's wrong with my code?

HTML

<html>
<head>
<title>
Live Green Plants
</title>

<link rel="stylesheet" type="text/css" href="home.css">
<script src="home.js"></script>

</head>

<body>

<div class="headerBar">
<img src="headerBar.png" width="657" height="34" alt=""/>
</div>
<script type="text/javascript" src="Script/jquery-1.9.2.min.js"></script>
<script type="text/javascript" src="Script/jquery-ui-1.8.18.min.js"></script>




</script>
</body>
</html>

Javascript

$(document).ready(function(){
    $('.headerBar').slideDown('slow');
});

Answer 1

它需要从不可见开始，使用style="display:none"查看它的实际效果： http : //jsfiddle.net/jas6H/5/

JQuery slideDown() not working

Question

1 answers

solution1
0 ACCPTED 2014-06-05 03:18:20

JQuery slideDown() not working

Question

1 answers

solution1 0 ACCPTED 2014-06-05 03:18:20

solution1
0 ACCPTED 2014-06-05 03:18:20