JQuery .hide（）Internet Explorerのリストボックスオプションの問題

Question

完璧な世界（Firefox）では、.toggleオプションを使用して、それを使って完了することができます。ただし、IEとChromeはオプション要素にアクセスできません。 .wrap（ ''）を使用すると、すべてのブラウザで正常に非表示にできます。

$(document).ready(function() { 
$('#lstAvailRates option').wrap('<span>').hide(); 
$('#btnToggle').click(function() { 
$('#lstAvailRates option').unwrap('<span>').show(); 
}); 
}); 

理想的には、#btnToggleを表示/非表示に切り替えることができます。しかし、私は正しい流れを見つけ出すことに問題があります。

MCは