why dont you use Javascript to display / hide content.
Say you have used the html code block as below :
<div onclick="javascript:expandCollapsePane(this, 'dvContainer');"><br />August<br /></div><br /><div id="dvContainer"><br />Event 1 <br />News 2<br /></div>
Now when user clicks on the Div Pane named august you can make the container div visible true or false :
function expandCollapsePane(obj, pane) {<br /> var containerPane = document.getElementByID(pane);<br /> var isCollapsed = (containerPane.style.display == 'none');<br /> if (isCollapsed) {<br /> containerPane.style.display = 'block';<br /> }<br /> else {<br /> containerPane.style.display = 'none';<br /> }<br />}
The javascript just hides the dvContainer on click. To make all of them invisible when one is open, just create an array of all such elements you create and before expanding anyone of them do a for loop and hide each other element in the block.
Hope you understand. [thumbs up][Rose]