slidedown不按照预期的方式工作

时间:2014-02-23 14:37:32

标签: jquery html css

我对html,jquery和css非常新。我正在尝试创建一个导航栏,当我点击该导航栏时,它将打开一个jquery滑动,但它没有按照预期的方式工作。以下是我为此目的编写的代码的一小部分

      html: 
            <ul class="dropdown">
        <li id="cl1"><a class="ab" href="#">About </a></li >
            </ul>
      css:
            <div class="target" style="z-    
                  index:3;width:1000px;height:1000px;display:none;background-    
                  color:white;opacity:0.8;position:fixed;top:0px;left:0px;">                                   
             <img src="horse.jpg" alt="horse" />
            </div>
      jquery:
                $(document).ready(function() {

               $(".ab").click(function(){
                  $(".target").slideDown( 'slow', function());
                });
               });


            there are more sub menus to the above html

2 个答案:

答案 0 :(得分:0)

此行中存在语法错误

$(".target").slideDown( 'slow', function());

应该是

$(".target").slideDown( 'slow', function(){});

这是完整版

$(document).ready(function() {
        $(".ab").click(function(event){
            $(".target").slideDown( 'slow', function(){
            // after animation code here
            });     
            return false; //this for preventing the default event of you can use event.preventDefault();
        });
    });

答案 1 :(得分:0)

$(".ab").click(function(){
    $(".target").slideDown( 'slow', function(){});
});

您忘记在功能

中添加引号{}