Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/72.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 单击链接时在页面中打开一个框_Javascript_Html_Css - Fatal编程技术网

Javascript 单击链接时在页面中打开一个框

Javascript 单击链接时在页面中打开一个框,javascript,html,css,Javascript,Html,Css,我不知道从哪里开始,搜索什么。我的HTML文件中有两个链接。我希望页面中的一个框在单击上面的链接时显示在链接下方,当我单击第二个链接时,第一个框将消失,第二个链接下方的另一个框将出现。单击链接时,它就像一个滑动框。这是什么代码/帖子?非常感谢你 我不明白你的意思,但我猜你想要这样的东西: 函数myFunction(){ var x=document.getElementById('myDIV'); 如果(x.style.display=='none'){ x、 style.display='b

我不知道从哪里开始,搜索什么。我的HTML文件中有两个链接。我希望页面中的一个框在单击上面的链接时显示在链接下方,当我单击第二个链接时,第一个框将消失,第二个链接下方的另一个框将出现。单击链接时,它就像一个滑动框。这是什么代码/帖子?非常感谢你

我不明白你的意思,但我猜你想要这样的东西:

函数myFunction(){
var x=document.getElementById('myDIV');
如果(x.style.display=='none'){
x、 style.display='block';
}否则{
x、 style.display='none';
}
}
#myDIV{
宽度:100%;
填充:50px0;
文本对齐:居中;
背景颜色:浅蓝色;
边缘顶部:20px;
}
单击“尝试”按钮在隐藏和显示DIV元素之间切换:

试试看 这是我的DIV元素。
可以称为内容切换器或选项卡小部件。这里有一个简单的CSS方法

.box{
显示:无;
}
.盒子:目标{
显示:块;
}

方框一

框二
提供您的html代码。您好!我正在开始我的代码,我不知道从哪里开始,因为我在谷歌上找不到关于这个的“正确的可搜索教程”。是的,这就是我要找的!:)我从这个开始。多谢各位!非常感谢。这就是我要找的。我将从这里开始。:)@阿连德拉克鲁斯np!也用一个简单的JS解决方案更新了我的答案。