Javascript 内容切换无法正常工作

我在网上找到了一个内容切换代码。它工作得很好，直到我添加我的搜索框代码，然后没有一个工作。当你点击一个不同的搜索引擎时，我试图让每个搜索替换另一个搜索。底部的一个相互替换，但他们应该替换谷歌的一个，这是有一开始，但没有。我相信可能有一个更简单的方法来做到这一点，但我是一个非常新的编码，这是超出了我知道该怎么做

/*当用户单击按钮时，
在隐藏和显示下拉内容之间切换*/
函数myFunction（）{
document.getElementById（“myDropdown”）.classList.toggle（“show”）；
}
//如果用户在下拉列表之外单击，请关闭下拉列表
window.onclick=函数（事件）{
如果（！event.target.matches（'.dropbtn'））{
var dropdowns=document.getElementsByClassName（“下拉内容”）；
var i；
对于（i=0；i

/***************************************************************************************************************************************************************************************************************************************************************************************************************搜索栏*/
形式{
显示器：flex；
位置：相对位置；
宽度：100%；
}   
.边界搜索{
对齐项目：居中；
边框底部：1px实心#AAAAA；
显示器：flex；
证明内容：之间的空间；
边缘底部：30px；
填充：5px15px；
过渡：所有0.5秒到0秒；
}
.边界搜索img{
高度：27px；
右边距：10px；
}
.BorderLineSearch:悬停，.BorderLineSearch:焦点{
背景色：透明；
}
.边界搜索输入{
外观：无；
背景色：透明；
边界：0；
颜色：#242527；
字体系列：Netflix Sans、Helvetica、Arial、Sans serif；
字体大小：20px；
字体大小：300；
-moz外观：无；
大纲：0；
-webkit外观：无；
宽度：800px；
}
.边框搜索按钮{
外观：无；
背景色：透明；
边界：0；
颜色：#aaaaa！重要；
-moz外观：无；
大纲：0；
-webkit外观：无；
}
.BorderLineSearch按钮：悬停{
外观：无；
背景色：透明；
边界：0；
颜色：#aaaaa！重要；
-moz外观：无；
大纲：0；
-webkit外观：无；
}
.BorderLineSearch按钮：焦点{
外观：无；
背景色：透明；
边界：0；
颜色：#aaaaa！重要；
-moz外观：无；
大纲：0；
-webkit外观：无；
}
/************************************************************************************************************************************************占位符*/
：-webkit输入占位符{/*Chrome/Opera/Safari*/
颜色：#AAAAA；
字体系列：Netflix Sans、Helvetica、Arial、Sans serif；
字号：17px；
}
：-moz占位符{/*Firefox19+*/
颜色：#AAAAA；
字体系列：Netflix Sans、Helvetica、Arial、Sans serif；
字号：17px；
不透明度：1；
}
：-ms输入占位符{/*IE 10+*/
颜色：#AAAAA；
字体系列：Netflix Sans、Helvetica、Arial、Sans serif；
字号：17px；
}
/******************************************************************************************************************************************************中间的*/
.中{
背景色：透明；
边框：1px纯绿色；
边界半径：0px；
底部：0；
高度：275px；
左：0；
保证金：自动；
位置：绝对位置；
右：0；
排名：0；
宽度：650px；
}
.崩溃{
背景：#ffffff；
光标：指针；
显示：块；
}
.折叠+输入{
显示：无；/*隐藏复选框*/
}
.折叠+输入+div{
显示：无；
}
.折叠+输入：选中+div{
显示：块；
}
.dropbtn{
背景色：#ffffff；
边界：无；
颜色：#AAAAA；
光标：指针；
字体系列：Netflix Sans、Helvetica、Arial、Sans serif；
字号：17px；
填充：0px；
}
.dropbtn:悬停，.dropbtn:焦点{
背景色：#ffffff；
}
.下拉列表{
显示：内联块；
位置：相对位置；
}
.下拉内容{
背景色：#ffffff；
盒影：0px 8px 16px 0px rgba（0,0,0,0.2）；
显示：无；
最小宽度：160px；
溢出：自动；
位置：绝对位置；
z指数：1；
}
.下拉内容a{
颜色：黑色；
显示：块；
填充：12px 16px；
文字装饰：无；
}
.下拉菜单a:悬停{
背景色：#ffffff；
}
.表演{
显示：块；
}

jhj
jhj
jhj
jhj
jhj