Javascript 当另一个div向下滑动时,如何滑动一个div

Javascript 当另一个div向下滑动时,如何滑动一个div,javascript,jquery,html,Javascript,Jquery,Html,我想,如果我点击一个DIV,另一个DIV就会出现,但另一个DIV需要关闭。我尝试了一些if语句,但我以前从未使用过 $(.hiddenweb”)。在(“单击”,函数()上{ $(“.websitehulp”)。向下滑动(“900”),100; 美元(“.emailhulp”).slideUp(“900”),100; 美元(“.hostinghelp”).slideUp(“900”),100; $(“.onderhoudhelp”).slideUp(“900”),100; }); $(.email

我想,如果我点击一个DIV,另一个DIV就会出现,但另一个DIV需要关闭。我尝试了一些
if
语句,但我以前从未使用过

$(.hiddenweb”)。在(“单击”,函数()上{
$(“.websitehulp”)。向下滑动(“900”),100;
美元(“.emailhulp”).slideUp(“900”),100;
美元(“.hostinghelp”).slideUp(“900”),100;
$(“.onderhoudhelp”).slideUp(“900”),100;
});
$(.emaillekker”)。在(“单击”,函数(){
美元(“.emailhulp”)。向下滑动(“900”),100;
$(“.websitehulp”).slideUp(“900”),100;
美元(“.hostinghelp”).slideUp(“900”),100;
$(“.onderhoudhelp”).slideUp(“900”),100;
});
$(.hostinglekker”)。在(“单击”,函数()上{
美元(“.hostinghelp”)。向下滑动(“900”),100;
$(“.websitehulp”).slideUp(“900”),100;
美元(“.emailhulp”).slideUp(“900”),100;
$(“.onderhoudhelp”).slideUp(“900”),100;
});
$(.onderhoudlekker”)。在(“单击”,函数(){
$(“.onderhoudhelp”)。向下滑动(“900”),100;
美元(“.hostinghelp”).slideUp(“900”),100;
美元(“.emailhulp”).slideUp(“900”),100;
$(“.websitehulp”).slideUp(“900”),100;
});

我原以为延迟已经足够,该部门会在另一个部门打开之前等待它关闭。但我想你想在两个跳水台之间上下滑动

$(".slide1").click(function(){    
    if($(".slideDiv1").hasClass("noDisplay")){
       $(".slideDiv1").removeClass("noDisplay").show("slide");
       $(".slideDiv2").addClass("noDisplay").hide("slide");       
     }    
  });

$(".slide2").click(function(){    
    if($(".slideDiv2").hasClass("noDisplay")){
       $(".slideDiv2").removeClass("noDisplay").show("slide") ;
       $(".slideDiv1").addClass("noDisplay").hide("slide");       
    }

  });

这里正在工作

看起来您正在寻找一个类似于
的组件:

函数AccordionCtrl(){
const item=jQuery(this);
常量isOpen=item.hasClass('is-open');
if(等参线){
item.removeClass(“is-open”);
返回;
}
item.sides()。每个(
(i,sibling)=>jQuery(sibling).removeClass('is-open'),
);
返回项。addClass('is-open');
}
jQuery('.accordion')。在('click','.accordion项',AccordionCtrl')
手风琴{
显示器:flex;
柔性包装:包装;
}
.手风琴项目{
弹性:10100%;
最小高度:30px;
背景:青色;
边框:1px纯黑;
过渡:250ms最小高度线性;
}
.accordion-item.is-open{
最小高度:150px;
}
.手风琴项目:第n个类型(偶数){
背景:轻珊瑚;
}

您的代码应该工作正常。你能不能把相关的HTML添加到问题中,这样我们就可以测试它了