JQuery Hide

Printable View

06-08-2012, 09:31 AM
epuk

JQuery Hide

This should be so simple... but as you can guess im pretty new to this!

HTML Code:

<table> <tbody> <tr> <td><img alt="Voyager Product" src="/files/img/products/voyager_tn.jpg" /></td> </tr> <tr> <td onclick="$('#voyagerinformation').hide();" style="text-align: center;">Voyager</td> </tr> </tbody> </table> <div style="border: 1px solid;" id="voyagerinformation"> <strong>Information on the Voyager</strong> <br> blah blah blah blah blah blah blah <br> Click Here For More Info </div>

What is wrong with this code?? the DIV doesnt hide when the text within the TD is clicked. JQuery 1.7.1 defined in the document head.
06-08-2012, 12:22 PM
Padonak

try to look for a problem in the other document parts
06-09-2012, 01:12 AM
MarPlo

Hi,
Try use Mozilla Firefox with Firebug addon, it can show the errors in javascript script in the page.
06-09-2012, 04:28 PM
Ayşe

Your code is working.

Code:

<html> <head> <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.js"></script> </head> <body> <table> <tbody> <tr> <td><img alt="Voyager Product" src="http://1.bp.blogspot.com/-0uMqDbh6pHs/T2w8qwDVjmI/AAAAAAAABag/0gMPqdrHFGQ/s320/istanbul_manzara10.jpg" /></td> </tr> <tr> <td onclick="$('#voyagerinformation').hide();" style="text-align: center;">Voyager</td> </tr> </tbody> </table> <div style="border: 1px solid;" id="voyagerinformation"> <strong>Information on the Voyager</strong> <br> blah blah blah blah blah blah blah <br> Click Here For More Info </div> </body> </html>

This code is working in Firefox 4.0b9 and Konqueror 4.5.5