[jQuery] Trouble getting 1 hover to work at a time
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!