ho trovato questo effetto
http://www.marcolecce.com/blog/Esemp.../esempio1.html
vorrei ottenere lo stesso effetto, ma invece di usare un link, vorrei usare una select e a seconda della voce selezionata far vedere un div diverso...
qualche idea? non riesco ad associare un campo select ad un evento jquery
agevolo codice link per i più pigri
codice:
<html>
<head>
<title>JQuery - Div scorrevole</title>
<script src="jquery-1.2.1.js"></script>
<script>
$(document).ready(function() {
$('#link-toggle').select(function(){$('#div-box').toggle(400);
return false;});
});
</script>
</head>
<body>
Clicca qui
<div id="div-box">
Qui ci vuole un testo abbastanza lungo
Qui ci vuole un testo abbastanza lungo
Qui ci vuole un testo abbastanza lungo
Qui ci vuole un testo abbastanza lungo
Qui ci vuole un testo abbastanza lungo
Qui ci vuole un testo abbastanza lungo
Qui ci vuole un testo abbastanza lungo
Qui ci vuole un testo abbastanza lungo
Qui ci vuole un testo abbastanza lungo
Qui ci vuole un testo abbastanza lungo
Qui ci vuole un testo abbastanza lungo
Qui ci vuole un testo abbastanza lungo
</div>
</body>
</html>
io vorrei una cosa del genere
codice:
<html>
<head>
<title>JQuery - Div scorrevole</title>
<script src="jquery-1.2.1.js"></script>
<script>
$(document).ready(function() {
$('a#link-toggle').select(function(){$('#div-box').toggle(400);
return false;});
});
</script>
</head>
<body>
Clicca qui
<select>
<option class="selectcity" value="">Select city</option>
<option value="florence">Florence</option>
<option value="rome">Rome</option>
</select>
<div id="div-box-florence">
Qui ci vuole un testo abbastanza lungo
</div>
<div id="div-box-rome">
Qui ci vuole un testo abbastanza lungo
Qui ci vuole un testo abbastanza lungo
</div>
</body>
</html>
a seconda di Florence/Rome far vedere un box diverso..