Javascript 在同一级别中隐藏和显示div

我的jsp页面如下所示： 编辑：

---

问题是，当我的第一个div消失时，第二个div从底部出现，然后上升并替换第一个div，但我希望她显示在与第一个div相同的级别上，并且从第一个div的左侧或右侧出现。

您的div必须在设计中处于相同的位置/级别

我认为：

<style>
    #fonctiondetails{
        position: absolute;
        top:0;
        left:0;
    }
    #addqualite{
        position: absolute;
        top:0;
        left:0;
        display:none;
    } 
</style>

#FontionDetails{
位置：绝对位置；
排名：0；
左：0；
}
#阿德奎利特{
位置：绝对位置；
排名：0；
左：0；
显示：无；
} 

在这种情况下，两个div位于同一位置，因此当第一个div消失时，将显示第二个div。它们不会有移动效果，因为它们在同一个地方

示例样式是向您显示div的位置。但是您必须根据模板/页面设计div

尝试使用位置样式（绝对、相对、静态或固定）

---

我认为这将是有益的

您的div必须在设计中处于相同的位置/级别

我认为：

<style>
    #fonctiondetails{
        position: absolute;
        top:0;
        left:0;
    }
    #addqualite{
        position: absolute;
        top:0;
        left:0;
        display:none;
    } 
</style>

#FontionDetails{
位置：绝对位置；
排名：0；
左：0；
}
#阿德奎利特{
位置：绝对位置；
排名：0；
左：0；
显示：无；
} 

在这种情况下，两个div位于同一位置，因此当第一个div消失时，将显示第二个div。它们不会有移动效果，因为它们在同一个地方

示例样式是向您显示div的位置。但是您必须根据模板/页面设计div

尝试使用位置样式（绝对、相对、静态或固定）

---

我认为这会很有帮助

您可以使用setTimeout：

setTimeout(function(){
        $( "#addqualite" ).show('slide',1000);
    },200);

---

您可以使用setTimeout：

setTimeout(function(){
        $( "#addqualite" ).show('slide',1000);
    },200);

你可以看到这个

你可以看到这个

---

我制定了自己的解决方案，创建了如下容器div：

<div id="animateslide">
    <div id="fonctiondetails"> ... </div>           
    <div id="addqualite" > ... </div>
</div>

#animateslide {
   position: relative;
   [...] /* it's good to specify a height of your choice */
}

#fonctiondetails {
   position: absolute;
   z-index: 1;
   [...]
}

#addqualite{
   position: absolute; /* even if we did'nt specify position it's work */
   [...]
}

---

我制定了自己的解决方案，创建了如下容器div：

<div id="animateslide">
    <div id="fonctiondetails"> ... </div>           
    <div id="addqualite" > ... </div>
</div>

#animateslide {
   position: relative;
   [...] /* it's good to specify a height of your choice */
}

#fonctiondetails {
   position: absolute;
   z-index: 1;
   [...]
}

#addqualite{
   position: absolute; /* even if we did'nt specify position it's work */
   [...]
}

---

plz create plz create这不是时间的问题。谢谢@uzor它对我也有效：）似乎有很多方法可以做到这一点；）我只需要将时间参数设置为600，比如

setTimeout（function（）{$（“#addqualite”）.show（'slide'，1000）；}，600）这不是时间问题。谢谢@uzor它对我也有效：）似乎有很多方法可以做到这一点；）我只需要将时间参数设置为600，比如
setTimeout（function（）{$（“#addqualite”）.show（'slide'，1000）；}，600）@Youssef这就是你所需要的谢谢@Mahmoude这很有用它的工作很好：）你也可以使用$（“#addqualite”）.css（“z-index”，“1”）.show（'slide'，1000）@Youssef这就是你需要的谢谢@Mahmoude它非常有用它的工作很好：）你也可以使用$（“#addqualite”）.css（“z-index”，“1”）.show（'slide'，1000）；