Question

我有下一个问题：在这一刻我正在开发一个Web应用程序，并且我正在配置我的页面的表单。但是，它们真的很长，所以我决定创建不同的div来实现JQuery函数：slideUp（）; ，滑下（）;尽管如此，每次我自我加载我的页面时，默认情况下每个div都会滑落。我怎么能改变这个？我希望每个div都是在开始时的SlideUp。

这是我的JQuery代码：

    $(document).ready(function(){
    var control = 0;
    $(".subtitulo").click(function(){
        var contenido = $(this).attr('data-contenido');
        if(control==0){
            $(".contenidoAcordeon-" + contenido).slideUp("fast");
            control = 1;
        }else{
            $(".contenidoAcordeon-" + contenido).slideDown("fast");
            control = 0;
        }
    });
});

谢谢:)！

Answer 1

好吧，我看不到你的表单的HTML，所以我要做一些假设。

您的JavaScript代码仅在点击.subtitulo时触发。您可以通过使用以下内容在脚本加载时触发单击事件来初始化它。

$('.subtitulo').trigger('click');

但最好用css隐藏除第一个div（默认显示的那个）以外的所有div。

[class^=contenidoAcordeon-] {
    display: none;
}

[data-contenido=1] { // Guessing you can select your first div this way.
    display: block;
}

如何使用SlideUp JQuery函数初始化div文本容器

1 个答案: