שלום לכולם!

למדתי לאחרונה קצת JAVAScript.
הכנתי קטע שבלחיצה על מילים מסויימות מופיע הסבר על המילה בתחתית העמוד וניתו להעלים אותו על ידי לחיצה על כפתור.

נעזרתי בפונקציה שמעלימה את תיבת ההסבר כל פעם שלוחצים ומראה את ההסבר הרלוונטי.
הבעיה שאני לא מצליח לכתוב פקודה, מחוסר ידע לחלוטין, שמעלימה את הפיסקה הישנה ומראה את החדשה, במקום זה כתבתי שיעלים את כל הפסקאות ויראה את הנוכחית, דבר שיהפוך למסורבל בריבוי הסברים,
האם יש דרך לבצע זאת ללא ידיעה על איזה הסבר ילחצו קודם?
הפונקציה:

קוד:

 
function visio(name,value)	
{
document.all["exp01"].style.visibility = "hidden"; //מעלים הסבר אחד
document.all["exp02"].style.visibility = "hidden"; //מעלים הסבר שני
document.all["exp03"].style.visibility = "hidden"; //מעלים הסבר שלישי
document.all[name].style.visibility = value;	 //מראה הסבר נוכחי
}

הגדרת המסגרת של ההסבר:

קוד:

 
<style>
p.ok {
position: absolute;
top: 470;
left: 280;
visibility: hidden;
margin: 0px 15px 0px 50px;
font-size: 11pt;
}
</style>

הופעה של אחד ההסברים:

קוד:

<p class="ok" Id="exp01">	
	<table border="2" width="500">
	 <tr height="70">
		 <td bgcolor="white">הסבר אחד
<br><button onclick=visio("exp01","hidden");>לחץ להסתרת הסבר</button>
</td>
	 </tr>
	</table>
</p>

תודה לכל העוזרים,
אשמח לטיפים נוספים.. בהיותי מתחיל המוכן לקבל כל הערה.
יום מצוין!
תומר

תשמור במשתנה גלובלי את השם (או האובייקט עצמו) של הפיסקה שכרגע פתוחה ואז כשיש לחיצה על פסיקה אחרת, תסגור את הישנה ותפתח את החדשה

קוד:

var oldname='exp01';
function makeVisible(name)
{
document.getElementById(oldname).style.visibility=  'hidden';
document.getElementById(name).style.visibility='vi  sible';
oldname = name;
}

אחלה רעיון!
תודה רבה!