切換功能默認打開

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>