Друзья, как сделать чтобы при входе на страницу, сразу был открыт первый div и отображался контент, ну а при смене select все скрывалось соответственно.
<style>
.hidden{
display:none;
}
.chosen{
display:block;
}
</style>
<select id="choice">
<option value="1" selected>one</option>
<option value="2">two</option>
<option value="3">three</option>
</select>
<div id="1" class="hidden"> some codes <xmp><script>jquery 1 here...</script></xmp></div>
<div id="2" class="hidden"> some codes <xmp><script>jquery 2 here...</script></xmp></div>
<div id="3" class="hidden"> some codes <xmp><script>jquery 3 here...</script></xmp></div>
$(function() {
$('#choice').change(function(){
if( $('.chosen').length >0){
$('.chosen').hide();
$('.chosen').removeClass('chosen');
}
$('#' + $(this).val()).addClass('chosen').show();
});
});