Question

I have a very basic script that sets up datepicker on three of my inputs, this script works perfect in all browsers apart from Internet Explorer, I just wondered if anyone knew why. This is all of my JavaScript for that page:

<script type='text/javascript'>
    $(function() {
        CKEDITOR.replace('content');
        $('input.datepicker').datepicker();
        $('input[name="media"]').click(function() {
            $('fieldset.media').toggle('slow');
        });
        $('input[name="digital"]').click(function() {
            $('fieldset.digital').toggle('slow');
        });
    });
</script>

The element exists because it works in all other browsers. Firebug (Firefox addon) does not show any errors.

Thanks for any help you can give.

EDIT

This is what my script tag for including jQuery looks like.

<script src='/assets/javascript/jquery.js' type='text/javascript'></script>

EDIT 2

It is working completely (including opacity) in IE6 and IE7, IE8 is not working.

Answer 1

I have fixed it by using individual ID’s for each of the elements and changing the conditional comment for Blueprint CSS from this

<!--[if IE]>

To this

<!--[if lt IE 8]>

Hope this helps some people.