StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>Your img tags has an ID="hide" instead of CLASS="hide".</p> <pre><code>WRONG: <img src="../../Content/Images/downarrow.gif" title="Hide Details" id="hide"> GOOD: <img src="../../Content/Images/downarrow.gif" title="Hide Details" class="hide"> $(".hide") - this one selects all elements with class="hide" </code></pre> <p><strong>UPDATE:</strong></p> <p>Also, you have multiple LI tags with the same ID="list": <code><li id="list"></code> You have to use a class: <code><li class="list"></code></p> <p>The difference between an ID and a class is that an ID can be used to identify one element, whereas a class can be used to identify more than one.</p> <p><strong>SOLUTION:</strong></p> <pre><code><li class="list"> <table cellpadding="0" cellspacing="0" width="100%" class="grid-table08" id="table1"> <tbody> <tr><td><img src="../../Content/Images/downarrow.gif" title="Hide Details" class="hide"> </td></tr> <tr><td align="left" valign="top" width="15" nowrap="nowrap"> Hii good morning </td> <tr> </table> </li> <li class="list"> <table cellpadding="0" cellspacing="0" width="100%" class="grid-table08" id="table1"> <tbody> <tr><td><img src="../../Content/Images/downarrow.gif" title="Hide Details" class="hide"> </td></tr> <tr><td align="left" valign="top" width="15" nowrap="nowrap"> Hii good evening </td> <tr> </table> </li> </ul> </code></pre> <p>and</p> <pre><code>$(function () { $(".hide").live("click", function () { $(this).parents("li.list:first").hide("slow"); }); }); </code></pre> <p>Try the demo here: <a href="http://jsfiddle.net/RtXn9/" rel="nofollow">http://jsfiddle.net/RtXn9/</a></p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload