jquery - 默认情况下在jquery中切换效果

Question

我的要求是：当我点击一个li时，它的'p'兄弟应该向下滑动，并且在连续点击时它应该向上滑动。我通过以下代码实现了它。但默认情况下，“p”会向下滑动。只有当我单击向上/向下滑动时才有效。我希望 p 元素默认向上滑动（隐藏）。如何做到这一点？

HTML：

 <ul id = "duration">
        <li id="time">Time</li>
        <p><input type="text" id="from" /></p>
        <p><input type="text" id="to" /></p>
    </ul> 

查询：

  $(function(){
     $('ul #time').toggle(function(){
        $("#duration p").show("slow");
    },
    function(){
        $("#duration p").hide("slow");
    });
});     

Answer 1

只需在页面开头隐藏它们：

$(document).ready(function() {
   $("#duration p").hide();
});

Answer 2

$("#duration p").css("display",'none');

尝试将此添加为第一行$(function(){)

这将使所有p默认隐藏

Answer 3

用这个

$("#duration p").toggle();
$(document).on("click", '#time', function(){
    $("#duration p").toggle("slow");
});