切换功能默认打开

Question

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

这是功能：

<script type="text/javascript">

$(document).ready(function(){


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

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

});

</script>

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

Answer 1

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

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>