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

Question

我有下一个问题：此刻我正在开发一个 Web 应用程序，并且正在配置我的页面的表单。然而，它们真的很长，所以我决定创建不同的 divs 来实现 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（您希望默认显示的那个）以外的所有内容

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

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

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

How Initialize divs text containers with SlideUp JQuery Function

javascript

jquery

slidedown

slideup