我正在使用以下脚本在按钮单击时显示/隐藏 div
function showHide(divID){
if (document.getElementById(divID).style.display == "none") {
$('#'+divID).fadeIn(3000);
} else {
$('#'+divID).fadeOut(3000);
}
}
这是我的 HTML:
<button onClick="showHide('hideDiv',this.id)" type="button">English</button>
<button onClick="showHide('hideDiv',this.id)" type="button">Math</button>
<button onClick="showHide('hideDiv',this.id)" type="button">French</button>
并使用单个 div 在单击时显示按钮的内容
<div id="hideDiv" style="display:none;">
<p>A painting workshop in the early Renaissance probably resembled</p>
</div>
当我点击英文后的数学时,内容会隐藏,再点击一次,内容会再次显示。但是,我想在用户单击任何按钮时显示内容,我想在这里隐藏“隐藏”属性,以便用户可以看到他单击的任何按钮的内容。
这是小提琴链接http://jsfiddle.net/ytyAd/