Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New Coder
    Join Date
    May 2005
    Location
    Utah
    Posts
    64
    Thanks
    6
    Thanked 0 Times in 0 Posts

    Hiding/showing Table Rows

    I've been trying for hours with no luck, so I'll try here. I have many tables with a title row and a few detail rows. I want to show the title rows until a user mouses over the title row, then it would display the rest. When the user mouses away, a 2 second timeout to hide the rows.
    <table>
    <tr><td>Title 1</td></tr>
    <tr><td>Desc</td></tr>
    <tr><td>Desc</td></tr>
    <tr><td>Desc</td></tr>
    </table>

    <table>
    <tr><td>Title 2</td></tr>
    <tr><td>Desc</td></tr>
    <tr><td>Desc</td></tr>
    <tr><td>Desc</td></tr>
    </table>

    <table>
    <tr><td>Title 3</td></tr>
    <tr><td>Desc</td></tr>
    <tr><td>Desc</td></tr>
    <tr><td>Desc</td></tr>
    </table>

    I've tried to give the applicable rows an ID. Then use the onmouseover to change the display from none to "". But I haven't had luck. I have many tables so I was trying to make all 3 of the description rows (in the example) to have the same ID.

    I know this is straight foreward, but after 3 hours I'm throwing in the towel and asking for help.

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,801
    Thanks
    160
    Thanked 2,216 Times in 2,203 Posts
    Blog Entries
    1
    Check http://jqueryui.com/tabs/, especially the link Open on mouseover
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •