Jquery幻灯片中默认显示的数据在启动时切换

Data showing defaultly in Jquery slideToggle at starting

本文关键字：启动 数据 幻灯片 默认 显示 Jquery      更新时间：2023-09-26

在jquery slideToggle（）中，我看到的数据最初是隐藏的，只有在触发事件后才会向下滑动。但在我的程序中，它总是显示处于初始状态的数据。我一开始怎么能隐藏它，点击按钮后它才会显示出来。

HTML

<a href="#" class="trigger">Click Me</a>
<div class="trigger_container">This is my content</div>

CSS

*{margin:0; padding:0; font-family:Arial; font-size:12px;}
.trigger, .trigger_container{margin:10px;}
.trigger{display:block;}

Javascript

$(document).ready(function () {
    $(".trigger_container").hide();
    $('.trigger').click(function(){
        $(".trigger_container").toggle();
    });
});
相关文章：