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>

JQUERY：

  $(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");
});

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

3 个答案: