Question

这是我的HTML代码：

<div class="c-service-header">
    <h1 style="text-align: center;">Shipping and returns</h1>
</div>
<div class="c-service-content">
    <p style="text-align: center;">Lorem Ipsum Lorem Ipsum Lorem Ipsum</p>
</div>
<div class="c-service-header">
    <h1 style="text-align: center;">Payment</h1>
</div>
<div class="c-service-content">
    <p style="text-align: center;">Lorem Ipsum Lorem Ipsum Lorem Ipsum</p>
</div>

这是css代码：

.c-service-header{cursor:pointer;width:400px;border-bottom:1px solid #f1f1f1}
.c-service-content{display:none;}

和jquery代码：

jQuery( document ).ready(function() { 
        jQuery(".c-service-header").click(function(){
            jQuery(this).next('.c-service-content').slidedown(3000);
        });
    });

我已经包含了这个jquery版本：//code.jquery.com/jquery-1.11.3.min.js，但我收到了这条错误消息：

TypeError: jQuery(...).next(...).slidedown is not a function

如果我写，我想显示c-service-content的内容，如下所示：

jQuery(this).next('.c-service-content').show();

它有效。因此滑倒是错误的。有人可以提出一些想法吗？ thx

在jQuery中的Slidedown问题

0 个答案: