jquery - 切换功能默认打开

Question

我有一个通过单击来切换（打开和隐藏 Div）的功能：“显示/隐藏过滤器”文本。

这是功能：

<script type="text/javascript">

$(document).ready(function(){


$(".slidingDiv").hide();
$(".show_hide").show();

$('.show_hide').click(function(){
$(".slidingDiv").slideToggle();
});

});

</script>

我想要做的是默认打开这个 Div 然后点击打开或隐藏。现在这是默认隐藏的。有解决方案吗？

Answer 1

删除$(".slidingDiv").hide();隐藏滑动 div 的行，使其默认显示。

Answer 2

现在这是默认隐藏？不是默认情况下这是因为你用这个隐藏它 -

$(".slidingDiv").hide();

删除该行，它应该显示为您想要的

Answer 3

<script type="text/javascript">

$(document).ready(function(){   
    $(".slidingDiv").show(); // <-- This does the trick
    $(".show_hide").show();

    $('.show_hide').click(function(){
        $(".slidingDiv").slideToggle();
    });    
});

</script>

Answer 4

<script type="text/javascript">
  $(function(){
  //$(".slidingDiv").hide(); <---- should be out. 
    $(".show_hide").show();
    $('.show_hide').click(function(){
        $(".slidingDiv").slideToggle();
    });
  });
 </script>