Javascript 3路切换
我已经创建了两个按钮,一个用于切换标题,另一个用于切换段落 问题是,对于Javascript 3路切换,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我已经创建了两个按钮,一个用于切换标题,另一个用于切换段落 问题是,对于切换段落按钮,两次单击就可以在两个段落之间切换。 在第三次单击时,我希望两个段落都可见,依此类推 我需要帮助 函数切换(){ var x=document.getElementById(“heading1”); //var y=document.getElementById(“p1”); //var z=document.getElementById(“p2”); 如果(x.style.display==“无”){ x、
切换段落按钮,两次单击就可以在两个段落之间切换。
在第三次单击时,我希望两个段落都可见,依此类推
我需要帮助
函数切换(){
var x=document.getElementById(“heading1”);
//var y=document.getElementById(“p1”);
//var z=document.getElementById(“p2”);
如果(x.style.display==“无”){
x、 style.display=“block”;
}否则{
x、 style.display=“无”;
}
}
函数切换1(){
var y=document.getElementById(“p1”);
var z=document.getElementById(“p2”);
如果(y.style.display==“块”){
z、 style.display=“block”;
y、 style.display=“无”;
}else if(y.style.display==“无”){
y、 style.display=“block”;
z、 style.display=“无”;
}否则{
y、 style.display=“无”;
z、 style.display=“block”;
}
}
切换段落
1。知识产权是一种权利,是一种精英的权利,是劳动和财富的暂时性权利。但是,在最低限度上,我们需要一个实验室来进行日常工作。酒后驾车
这是一种不受欢迎的行为,它是一种不受欢迎的行为。除了偶尔因疏忽而死亡外,还必须为动物的劳动负责。
2。知识产权是一种权利,是一种精英的权利,是劳动和财富的暂时性权利。但是,在最低限度上,我们需要一个实验室来进行日常工作。酒后驾车
这是一种不受欢迎的行为,它是一种不受欢迎的行为。除了偶尔因疏忽而死亡外,还必须为动物的劳动负责。
因此,假设您希望有三种状态:
p1和p2可见
p1可见,p2不可见
p2可见,p1不可见
因此,这些状态的条件取决于p1和p2的当前显示状态。
然后您可以使用以下脚本:(当然,您可以在其中更改使段落(中)可见的顺序。)
函数切换()
{
var x=document.getElementById(“heading1”);
//var y=document.getElementById(“p1”);
//var z=document.getElementById(“p2”);
如果(x.style.display==“无”){
x、 style.display=“block”;
}否则{
x、 style.display=“无”;
}
}
函数切换1()
{
var y=document.getElementById(“p1”);
var z=document.getElementById(“p2”);
如果(y.style.display!=“无”&&z.style.display!=“无”){
z、 style.display=“block”;
y、 style.display=“无”;
}
else if(y.style.display==“无”&&z.style.display!=“无”){
y、 style.display=“block”;
z、 style.display=“无”;
}
否则{
y、 style.display=“block”;
z、 style.display=“block”;
}
}
切换段落
1。Lorem ipsum Door sit amet,为精英们献身,为埃乌斯莫德服务
暂时性的劳工和财产损失。我们在这里吃得很少,
他在乌拉姆科实验室实习,并在普通实验室实习
康塞奎特。在沃鲁帕特·维利特·埃塞的《雷德亨德瑞特》中,两人或两人互为受害者
纤毛多洛雷欧盟福吉亚无巴黎。圣奥卡塔铜塔除外
骄傲,必须为自己的行为负责。
2。Lorem ipsum Door sit amet,为精英们献身,为埃乌斯莫德服务
暂时性的劳工和财产损失。我们在这里吃得很少,
他在乌拉姆科实验室实习,并在普通实验室实习
康塞奎特。在沃鲁帕特·维利特·埃塞的《雷德亨德瑞特》中,两人或两人互为受害者
纤毛多洛雷欧盟福吉亚无巴黎。圣奥卡塔铜塔除外
骄傲,必须为自己的行为负责。
存储段落的可能(显示)状态,并根据需要逐步浏览
函数切换()
{
var x=document.getElementById(“heading1”);
//var y=document.getElementById(“p1”);
//var z=document.getElementById(“p2”);
如果(x.style.display==“无”){
x、 style.display=“block”;
}否则{
x、 style.display=“无”;
}
}
变量状态=[[true,true],[true,false],[false,true]];
var currentState=0;
函数切换1()
{
var y=document.getElementById(“p1”);
var z=document.getElementById(“p2”);
当前状态++
如果(currentState>=states.length)currentState=0;
y、 style.display=状态[currentState][0]?“块”:“无”;
z、 style.display=states[currentState][1]?“block”:“none”;
}
切换段落
1。Lorem ipsum Door sit amet,为精英们献身,为埃乌斯莫德服务
暂时性的劳工和财产损失。我们在这里吃得很少,
他在乌拉姆科实验室实习,并在普通实验室实习
康塞奎特。在沃鲁帕特·维利特·埃塞的《雷德亨德瑞特》中,两人或两人互为受害者
纤毛多洛雷欧盟福吉亚无巴黎。圣奥卡塔铜塔除外
骄傲,必须为自己的行为负责。
2。Lorem ipsum Door sit amet,为精英们献身,为埃乌斯莫德服务
暂时性的劳工和财产损失。我们在这里吃得很少,
他在乌拉姆科实验室实习,并在普通实验室实习
康塞奎特。在沃鲁帕特·维利特·埃塞的《雷德亨德瑞特》中,两人或两人互为受害者
纤毛多洛雷欧盟福吉亚无巴黎。圣奥卡塔铜塔除外
骄傲,必须为自己的行为负责。