HTML קוד:
<html>
<body id="myid" class="mystyle">
<script type="text/javascript">
function m_open(aname, bname) {
var clas = document.getElementById(aname).className;
document.getElementById(aname).className = (clas=="title"?"title2":"title");
var disp = document.getElementById(bname).style.display;
document.getElementById(bname).style.display=(disp=="block"?"none":"block");
}
</script>
<style>
.title { color: red; }
.title2 { color: blue; }
</style>
<p class=title id=er>asdasdasd</p>
<p class=title id=om>asdasdasd</p>
<a href="javascript:m_open('om','er')">asdsad</a>
</body>
</html>
<!-- works like a charm -->
לי זה עובד גם בIE7 וגם בFF
(אל תנסו לשים את זה על קובץ מקומי ולנסות, כי IE7 משוגע.
שאתם רוצים לבדוק תאימות קוד, תעבדו רק ONLINE
אם זה רק משהו קטן של HTML/JS אתם יכולים להשתמש בTryIt! של w3
http://www.w3schools.com/js/tryit.as...e=tryjs_ifthen