Javascript 当另一个div向下滑动时,如何滑动一个div
我想,如果我点击一个DIV,另一个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
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添加到问题中,这样我们就可以测试它了