Что следует использовать вместо .show() и .hide() в браузере Internet Explorer Internet Explorer?

Question

Я хочу показать значения параметров, которые имеют класс, содержащий немецкий, когда я нажимаю кнопку немецкого языка, наоборот, для английского языка.

Ниже коды работают отлично в хромированном состоянии. Я хочу увидеть результат в Internet Explorer. как добиться этого?

Примечание: - во время работы в этом изменения IE .hide как дисплей: нет, и .show изменения как дисплей: встроенные

$(".german").hide(); 
$(".english").show(); 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<select id="num"> 
    <option value="1" selected class="english"> One</option> 
    <option value="2" class="english"> Two</option> 

    <option value="1" selected class="german"> One(german)</option> 
    <option value="2" class="german"> Two(german)</option> 

</select> 

Answer 1

Сначала добавьте готовый метод() в скрипте

$(document).ready(function() { 
    $(".german").hide(); 
    $(".english").show(); 
}); 

ИЛИ

$(document).ready(function() { 
    if($.browser.msie){ 
    $('.english').css({"visibility":"visible"}); 
    } 
}); 

Answer 2

Попробуйте

function toEnglish() { 
    //reset select 
    $(".german").remove(); 
    $(".english").remove(); 

    //add english elements 
    $("#num").append($("<option>").attr({value: "1", class: "english"}).html("One")); 
    $("#num").append($("<option>").attr({value: "2", class: "english"}).html("Two")); 
} 

function toGerman() { 
    //reset select 
    $(".german").remove(); 
    $(".english").remove(); 

    //add german elements 
    $("#num").append($("<option>").attr({value: "1", class: "german"}).html("One (german)")); 
    $("#num").append($("<option>").attr({value: "2", class: "german"}).html("Two (german)")); 
} 

Вот пример https://jsfiddle.net/jxjovfs5/1/