现在用下面的脚本来显示按钮/隐藏DIV点击如何在show/hide切换中只使用“show”?
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/
我不明白。什么时候div应该隐藏,什么时候应该可见? – Aioros 2013-04-08 13:03:32
用你的问题创建一个jsFiddle,因为你的内联显示风格:无,应该在页面加载时默认隐藏你的内容。但是你声称它不是。所以继续,并设置一个jsFiddle与您的问题。 – blackhawk 2013-04-08 13:05:35
内容应该是可见的,无论用户点击哪个按钮(英语/法语/数学) – user1165077 2013-04-08 13:09:38