Div Class Specific User?

[Inked_Mono]

This one is a little more tricky. I've been looking into ways of creating a dropbox for members to reveal more information, however whenever you hover over a box that isn't the original posters, it just opens up their box anyways.

Example: http://i.imgur.com/mav406k.png

My code (located in Postbit_Legacy):

<center>
<a onmouseover="document.getElementById('div_name').style.display= '';"
onmouseout="document.getElementById('div_name').style.display= 'none';"
href="" onclick="return false;"
style="text-align:center;
text-decoration:none;
padding-left: 31px;
padding-right: 31px;
padding-top: 2px;
padding-bottom: 2px;
background-color: #efefef;
border-top: 1px solid #c4c4c4;
border-right: 1px solid #c4c4c4;
border-left: 1px solid #c4c4c4;
border-bottom: 1px solid #c4c4c4;
margin-bottom: 4px;
margin-top: 4px;">
<b>Member Information</b></a>

<br />

<div id="div_name" style="display:none;
margin:5px 5px 0px 5px;
padding:5px;
border:1px solid #aaa;
position: absolute;
left: 5px;
right: 5px;">

More Information Coming<br>
More Information Coming<br>
More Information Coming<br>

</div>
</center>


I know it's a little rough around the edges, but does anybody know how I'd be able to make them user specific?

[TheLastSuperman]

Okay the way you have it posted above will work and not work, basically there's a better way to do this IF I understand what you're trying to accomplish... which would be to have a div class that initially has a link in it to view more info on hover correct? Should all other posters in that thread have the box collapsed by default and then when you hover or click the link it expands the box? OR would it collapse all others info but only show full info for the thread original poster?

There's a few ways to go about this but we need to be 100% clear on what you're trying to do before we can steer you in the right direction.

[Inked_Mono]

Okay the way you have it posted above will work and not work, basically there's a better way to do this IF I understand what you're trying to accomplish... which would be to have a div class that initially has a link in it to view more info on hover correct? Should all other posters in that thread have the box collapsed by default and then when you hover or click the link it expands the box? OR would it collapse all others info but only show full info for the thread original poster?

There's a few ways to go about this but we need to be 100% clear on what you're trying to do before we can steer you in the right direction.

Thanks for responding, but it comes late. I've found a different approach to doing this that does the job tremendously well. Initially, I was looking to find a way to create the dropdown box without the use of CSS, but several days of playing with that code and I caved and had a programmer friend assist me. He ended up writing out the CSS, and then having the DIV Class reference it.

Please close this thread!