I know what needs to be done but I'm not sure how to accomplish it. I want the span inside of the a.appHelpPopup to show on hover. Right now both span messages show on hover. :( I'm not sure how to only get the proper message associated to hover an not all spans.
Here is my markup. <script type="text/javascript"> $(document).ready(function() { $(".checkListMedium .appHelpPopup span").hide(); $(".checkListMedium .appHelpPopup").hover( function () { $('.appHelpPopup span').show(); } , function () { $(".appHelpPopup span").hide(); } ); }); </script> ------------- <div class="checkListMedium"> <label>* Question Type</label> <table border="0" id="applicationForm_AuthoringModeControlsContainer_questionType"> <tbody> <tr> <td><input type="radio" language="javascript" onclick="javascript:setTimeout('__doPostBack(\'applicationForm $AuthoringModeControlsContainer$questionType$0\',\'\')', 0)" value="TextBox" name="applicationForm:AuthoringModeControlsContainer:questionType" id="applicationForm_AuthoringModeControlsContainer_questionType_0"/> <label for="applicationForm_AuthoringModeControlsContainer_questionType_0">Text Box<a href="#create" class="appHelpPopup"><img border="0" alt="Text Box Help" src="help.png"/><span>Provides a box to enter text into.</ span></a></label></td> </tr> <tr> <td><input type="radio" language="javascript" onclick="javascript:setTimeout('__doPostBack(\'applicationForm $AuthoringModeControlsContainer$questionType$1\',\'\')', 0)" value="TextArea" name="applicationForm:AuthoringModeControlsContainer:questionType" id="applicationForm_AuthoringModeControlsContainer_questionType_1"/> <label for="applicationForm_AuthoringModeControlsContainer_questionType_1">Text Area<a href="#create" class="appHelpPopup"><img border="0" alt="Text Area Help" src="help.png"/><span >Provides an area for entering multiple lines of text.</span></a></label></td> </tr> </tbody> </table> </div> Any help is appreciated thanks!