Javascript 触发事件时隐藏/显示元素

我正在尝试管理按钮上的触发事件，但无法获得确切结果。默认情况下，将显示

div id=“mailArea”

，但当我单击web按钮时，我希望此div被隐藏，反之亦然。 有人能帮我吗？ 提前谢谢

#邮件区{
-moz外观：textfield多行；
-webkit外观：textarea；
高度：200px；
溢出：自动；
填充物：5px；
调整大小：两者；
宽度：500px；
字体大小：12px；
边缘顶部：5px；
}
#邮件区{
-moz外观：textfield多行；
-webkit外观：textarea；
高度：200px；
溢出：自动；
填充物：5px；
调整大小：两者；
宽度：500px；
字体大小：12px；
边缘顶部：5px；
}

戴克斯特
网状物
G
我
s

以下是基于单选按钮选择的“mailArea”div的简单显示/隐藏：

$（'input[type=radio][name=mail\u type]'）。在（'change'，function（）上{
if（$（this）.val（）=='text'）{
$（'#mailArea'）.show（）；
}else if（$（this）.val（）=='web'）{
$（'#mailArea'）.hide（）；
}
});
#邮件区{
-moz外观：textfield多行；
-webkit外观：textarea；
高度：200px；
溢出：自动；
填充物：5px；
调整大小：两者；
宽度：500px；
字体大小：12px；
边缘顶部：5px；
}
#邮件区{
-moz外观：textfield多行；
-webkit外观：textarea；
高度：200px；
溢出：自动；
填充物：5px；
调整大小：两者；
宽度：500px；
字体大小：12px；
边缘顶部：5px；
}

戴克斯特
网状物
邮件区容器
以下是基于单选按钮选择的“mailArea”div的简单显示/隐藏：


$（'input[type=radio][name=mail\u type]'）。在（'change'，function（）上{
if（$（this）.val（）=='text'）{
$（'#mailArea'）.show（）；
}else if（$（this）.val（）=='web'）{
$（'#mailArea'）.hide（）；
}
});
#邮件区{
-moz外观：textfield多行；
-webkit外观：textarea；
高度：200px；
溢出：自动；
填充物：5px；
调整大小：两者；
宽度：500px；
字体大小：12px；
边缘顶部：5px；
}
#邮件区{
-moz外观：textfield多行；
-webkit外观：textarea；
高度：200px；
溢出：自动；
填充物：5px；
调整大小：两者；
宽度：500px；
字体大小：12px；
边缘顶部：5px；
}

戴克斯特
网状物
邮件区容器
跟踪按钮单击事件。从那里，检查当前是否显示div。如果是，则隐藏它。如果隐藏，则显示它

$('#yourButtonId').on('click', function(){

  var divElement = $('#yourDivId');
  var isVisible = divElement.is(':visible');

  if(isVisible == true){
    divElement.hide();
  }
  else {
    divElement.show();
  }

});

跟踪按钮onclick事件。从那里，检查当前是否显示div。如果是，则隐藏它。如果隐藏，则显示它

$('#yourButtonId').on('click', function(){

  var divElement = $('#yourDivId');
  var isVisible = divElement.is(':visible');

  if(isVisible == true){
    divElement.hide();
  }
  else {
    divElement.show();
  }

});


$（文档）.ready（函数（）{
$（“输入[name$='cars']”）。单击（函数（）{
var test=$（this.val（）；
$（“div.desc”）.hide（）；
$（“#汽车”+测试）.show（）；
});
});

戴克斯特
网状物
展示

$（文档）.ready（函数（）{
$（“输入[name$='cars']”）。单击（函数（）{
var test=$（this.val（）；
$（“div.desc”）.hide（）；
$（“#汽车”+测试）.show（）；
});
});

戴克斯特
网状物
展示
您可以在
input[type=radio]的
onchange
属性上添加
$（“#邮件区域”）.hide（）



戴克斯特
网状物
邮区
您可以在
input[type=radio]的
onchange
属性上添加
$（“#邮件区域”）.hide（）



戴克斯特
网状物
邮区
你是什么意思？对不起，我很抱歉french@JérômeAthion您是否尝试过使用javascript或jquery？能否向我们展示您使用javascript/jqueryoh尝试过的内容？好的，谢谢您的回答@Mr.x。嗯，不完全是，我有点为难：/哇，非常感谢你们的快速回答！它的工作原理就像我想要的：）我有另一个关于div的focus（）的问题，我可以在这里问我的问题吗，或者我可以创建一个新问题吗？你是什么意思？对不起，我很抱歉french@JérômeAthion您是否尝试过使用javascript或jquery？能否向我们展示您使用javascript/jqueryoh尝试过的内容？好的，谢谢您的回答@Mr.x。嗯，不完全是，我有点为难：/哇，非常感谢你们的快速回答！它的工作原理就像我想要的：）我有另一个关于div的focus（）的问题，我可以在这里问我的问题还是创建一个新问题？