Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 3路切换_Javascript_Jquery_Html_Css - Fatal编程技术网

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,为精英们献身,为埃乌斯莫德服务 暂时性的劳工和财产损失。我们在这里吃得很少, 他在乌拉姆科实验室实习,并在普通实验室实习 康塞奎特。在沃鲁帕特·维利特·埃塞的《雷德亨德瑞特》中,两人或两人互为受害者 纤毛多洛雷欧盟福吉亚无巴黎。圣奥卡塔铜塔除外 骄傲,必须为自己的行为负责。