切换功能默认打开

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>