Показать сообщение отдельно
  #1 (permalink)  
Старый 11.10.2019, 13:23
Аспирант
Отправить личное сообщение для denis_kontarev Посмотреть профиль Найти все сообщения от denis_kontarev
 
Регистрация: 01.04.2018
Сообщений: 46

Отображение контента при выборе select
Друзья, как сделать чтобы при входе на страницу, сразу был открыт первый 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();
    });
});
Ответить с цитированием