CODEWITHSUNDEEP
jqueryhtmlcss
fewllet
fewllet

Reputation: 25

Drop down div with select box does not work IE9

Hi I have problem with IE9. I have drop down menu with select boxes and if I try to select value hover div will disappeared. I tried to figure out by some codes but I'm stuck. Here is my code. So If some will have any idea how to fix that IE bud I'll be so glad. THX

code: http://jsfiddle.net/fT7D3/13/

Upvotes: 0

Views: 389

Answers (2)

Stano
Stano

Reputation: 8939

Modified your html+css and used jQuery to hide&show the dropdown. This is probably not possible by using only the :hover pseudoselector, you can have a look at this question.

$(document).ready(function(){
    $('.drop').mouseenter(function(){
        $('#menu .content').hide();
        $(this).next('.content').show();
    });
    $('.closex').click(function(){
        $(this.parentNode).hide();
    });
});

fiddle / paste

Upvotes: 0

Ahmad Alfy
Ahmad Alfy

Reputation: 13371

Check out this fiddle

Try this code :

$('.left_content_tab_combobox').focus(function() {
    $(this).parents('.dropdown').addClass('dropdown_hover'); }).blur(function() {
    $(this).parents('.dropdown').removeClass('dropdown_hover');
});

Upvotes: 1

Related Questions