This scripts show the content of a div when clicked on an opener.

<br /> if (typeof(document.createElement(‘div’).contains) == ‘undefined’) {<br /> /** overwrite this function to avoid firing child event inside a parent */<br /> HTMLElement.prototype.contains = function(node) {<br /> if (node == null) return false;<br /> if (node == this) return true;<br /> else return this.contains(node.parentNode);<br /> }<br /> } // fi</p> <p>var $globInPopup = false;<br /> var $globTarget;<br /> var $globTimerID;</p> <p>function signalMouseIn($pPopID,$pEvt) {<br /> $globInPopup = true;<br /> window.clearTimeout($globTimerID);<br /> }<br /> function closePop($pPopID,$pEvt) {<br /> var $vPop = $as($pPopID);<br /> if (!$vPop.contains(getTarget($pEvt))) {<br /> $globTarget = getTarget($pEvt);<br /> $globTimerID = window.setTimeout(“mouseOutPopup(‘”+$pPopID+”‘)”,600);<br /> } // if<br /> }<br /> function mouseOutPopup($pPopID) {<br /> var $vPop = $as($pPopID);<br /> if (!$vPop.contains($globTarget)) {<br /> hidePopup($vPop);<br /> } // fi<br /> }<br /> function trigOpenerOut($pPopID,$pEvt) {<br /> $globTarget = getTarget($pEvt);<br /> $globTimerID = window.setTimeout(“mouseOutOpener(‘”+$pPopID+”‘)”,600);<br /> }<br /> function mouseOutOpener($pPopID) {<br /> var $vPop = $as($pPopID);<br /> if (!$globInPopup && !$vPop.contains($globTarget)) {<br /> hidePopup($vPop);<br /> } // fi<br /> }</p> <p>function hidePopup($pPop) {<br /> $pPop.style.visibility = ‘hidden’;<br /> $globInPopup = false;<br /> }</p> <p>function getTarget($pEvent) {<br /> if (typeof($pEvent.relatedTarget)!=’undefined’) {<br /> return $pEvent.relatedTarget;<br /> } else if (typeof($pEvent.toElement)!=’undefined’) {<br /> return $pEvent.toElement;<br /> } // fi<br /> return false;<br /> }</p> <p>function showRelPop($pPopID) {<br /> $as($pPopID).style.visibility = ‘visible’;<br /> }<br />