show()

[Fabio90]

Ciao ragazzi,
ho questo form visualizza le regioni e le provincie di italia.
Quello che vorrei fare è questo:
Al passaggio del mouse in "cerca in tutta italia" dovrebbe vedersi il primo span regione e successivamente lo span città.

Come posso fare?

Grazie

<script type="text/javascript">
$(function() {
$( ".moduletablecerca_italia h3" ).hover(function() { //se sono sopra cerca italia

//visualizza primo span

//se sono su regione visualizza secondo span

}); //end hover
}); //end jquery	
</script>

<div class="moduletablecerca_italia">
<h3>Cerca in tutta italia</h3>
<div class="adsmanager_search_module" style="display:none;">
<form action="/index.php/annunci/risultato" method="post">
<span>Regione
<select id='ad_regione' name='ad_regione'>
<option value='' >&nbsp;</option>
<option value="lombardia" >Lombardia</option>
</select>
</span>
<span>Città
<select id="ad_city" class="ad_city_24035" name="ad_city">
<option value="" >--</option>
</select>
</span>
<input type="hidden" value="1" name="new_search" />
<input type="submit" class="button btn" value="Cerca"/>
</form>
</div>

 

[emanuelevt]

ciao, questo dovrebbe funzionare (ammesso che è ciò che intendi)

<div class="moduletablecerca_italia">
<h3>Cerca in tutta italia</h3>
<div class="adsmanager_search_module" style="display:none;">
<form action="/index.php/annunci/risultato" method="post">
<span class='regione'>Regione
<select id='ad_regione' name='ad_regione'>
<option value='' >&nbsp;</option>
<option value="lombardia" >Lombardia</option>
</select>
</span>
<span class='city'>Città
<select id="ad_city" class="ad_city_24035" name="ad_city">
<option value="" >--</option>
</select>
</span>
<input type="hidden" value="1" name="new_search" />
<input type="submit" class="button btn" value="Cerca"/>
</form>
</div>



 
 <script>
 $(document).ready(function(){
 
$(function() {
$( ".moduletablecerca_italia h3" ).hover(function() { //se sono sopra cerca italia

 $(".city").hide();
 $(".adsmanager_search_module").fadeIn(1000,function(){
 
	$(".regione").hover(function(){
		$(".city").fadeIn();
	},function(){});
 
 });

}); //end hover
}); //end jquery
	
 
 });

</script>