我有一些 javascript 切换按钮;切换一些内容;并且彼此相邻,独立工作;唯一的问题是我想要它,以便当您打开一个“div”时;另一个会消失,反之亦然。现在,如果您切换一个然后切换另一个,它们会同时显示。我试图自己更改此代码但无法弄清楚,所以我想知道是否有人知道如何调整它。该页面在这里:(http://gtdsites.com/1a-toggle-buttons/)。
这是我的代码:
<script type="text/javascript">
function toggleMe(btn,a){
var e1=document.getElementById(a);
if(!e1)return true;
if(e1.style.display=="none"){
e1.style.display="block";
btn.value = "MENU";
}
else{
e1.style.display="none";
btn.value = "MENU";
}
return true;
}
</script>
<script type="text/javascript">
function toggleMe1(btn,a2){
var e2=document.getElementById(a2);
if(!e2)return true;
if(e2.style.display=="none"){
e2.style.display="block";
btn.value = "CART";
}
else{
e2.style.display="none";
btn.value = "CART";
}
return true;
}
</script>
<div id="mobile_buttons_cont">
<input class="mobile_buttons" type="button" onclick="return toggleMe(this,'gman123')"
value="MENU" >
<input class="mobile_buttons" type="button" onclick="return toggleMe1(this,'gman124')"
value="CART">
</div>
<div id="gman123" style="display: none">
<br/>
<ul class="gsites_header2">
<li class="gsites_header2">
<a href="/contact/">CONTACT</a>
</li>
<li class="gsites_header2">
<a href="/services/">SERVICES</a>
</li>
<li class="gsites_header2">
<a href="/index/">INDEX</a>
</li>
</ul>
</div>
<div id="gman124" style="display: none">
<br/>
<?php
echo do_shortcode('[do_widget id=cart66cartwidget-2]');
?>
</div>