Good day! When choosing <option value="1">Россия</option> the .block block .block hidden, and the .block-rus block becomes available. Tell me, please, how to create a condition correctly under which when choosing any other option , except for <option value="1">Россия</option> contrary, the .block block .block become available, and the .block-rus block .block-rus hidden, and when selected <option value="0"></option> hid both blocks? Thank!

 $("#category").change(function(){ var v = $(this).val(); $(".block").toggle(v != 1); $(".block-rus").toggle(v == 1); }); 
 .block, .block-rus { display: none; } 
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <select data-placeholder="" name="catlist[]" id="category" onchange="onCategoryChange(this)"> <option value="0"></option> <option value="1">Россия</option> <option value="2">Украина</option> <option value="3">Белоруссия</option> </select> <div class="block">Выбрана другая страна</div> <div class="block-rus">Выбрана Россия</div>

    1 answer 1

     $("#category").change(function(){ var v = $(this).val(); switch (v) { case "0": $(".block").hide(); $(".block-rus").hide(); break; case "1": $(".block").hide(); $(".block-rus").show(); break; default: $(".block").show(); $(".block-rus").hide(); break; } }); 
     .block, .block-rus { display: none; } 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <select data-placeholder="" name="catlist[]" id="category" > <option value="0"></option> <option value="1">Россия</option> <option value="2">Украина</option> <option value="3">Белоруссия</option> </select> <div class="block">Выбрана другая страна</div> <div class="block-rus">Выбрана Россия</div>

    • Understood, thanks! - LADYX