Question

I created DropDown menu with jQuery. Everything works great except IE7. Not working at all. It only makes bold the last link. I’m not sure how to debug it.

I created this fiddle.

Does anyone have a solution?

This is JS that doesn’t work:

 $(".link-dropdown").on({
        click: function(){
            var $this = $(this);

            if ($this.parent().next().is(":visible")){
                $('.opening-holder').hide();
                $('.link-dropdown').css({
                    'fontFamily': 'Geogrotesque-Regular, Arial, sans-serif'
                });
            } else {
                $('.opening-holder').hide();
                $('.link-dropdown').css({
                    'fontFamily': 'Geogrotesque-Regular, Arial, sans-serif'
                });

                $this.css({
                    'fontFamily': 'Geogrotesque-SemiBold, Arial, sans-serif'
                });

                $this.parent().next().show();
                $this.parent().next().children().show();
            }

            return false;
        }
    });

Answer 1

I created fiddle for solution http://jsfiddle.net/EMnw3/27/
I disabled if visible and it works…