How to determine classes for jQuery show() / hide() function with input/radio
I'm trying to use the show / hide function for a certain <class> but can't
get it work since whenever I klick on any of the options, all <label>
disappear.
The function should work only for this class:
span class="span_home_2"
I know that I'm doing it wrong but how can I fix it?
jQuery
<script>
$(document).ready(function(){
$("input").click(function(){
$("span").toggle();
});
});
</script>
HTML
<form class="banner_location_box">
<label class="label_head"><?php echo $lang ['select_page'];
?></label><br/>
<label class="select_page"><input type="radio"
class="select_location" name="page_id" value="1"
checked="checked"/><span><?php echo $lang ['home']; ?><span
class="span_home_2">(<?php echo $lang ['available_only'];
?>)</span></span></label><br/>
<label class="select_page"><input type="radio"
class="select_location" name="page_id" value="2"/><span><?php echo
$lang ['business']; ?></span></label><br/>
<label class="select_page"><input type="radio"
class="select_location" name="page_id" value="3"/><span><?php echo
$lang ['jobs']; ?></span></label><br/></form>
No comments:
Post a Comment