Jquery Accordion not working in I.E 8

JavaScript
1

Hi, I’m having an issue with my Jquery Acorddion, it does not seem to work in I.E8 but works fine in chrome and firefox.

I have initialised the acordion using the following code:

<script language="javascript" type="text/javascript">
	$(function(){
		$('#accordion .head').click(function() {
			$(this).next().toggle('slow');
			return false;
		}).next().hide();
	});
</script>

The acordion html structure is as follows:

          

<div id="accordion">
          <h3 class="head">Main Header</h3>
<div class="innerContent">
                <h3>Title</h3>
          	<li><a href="#somelink" title="S">link1</a></li> 
                <li><a href="#somelink" title="S">Link2</a></li> 
                <li><a href="#somelink" title="S">Link3</a></li> 
                <li><a href="#somelink" title="S">Link4</a></li> 
  </div>
          <h3 class="head">Main Header</h3>
<div class="innerContent">
                <h3>Title</h3>
          	<li><a href="#somelink" title="S">link1</a></li> 
                <li><a href="#somelink" title="S">Link2</a></li> 
                <li><a href="#somelink" title="S">Link3</a></li> 
                <li><a href="#somelink" title="S">Link4</a></li> 
  </div>
          <h3 class="head">Main Header</h3>
<div class="innerContent">
                <h3>Title</h3>
          	<li><a href="#somelink" title="S">link1</a></li> 
                <li><a href="#somelink" title="S">Link2</a></li> 
                <li><a href="#somelink" title="S">Link3</a></li> 
                <li><a href="#somelink" title="S">Link4</a></li> 
  </div>
</div>

it displays as expected in firefox but not i.e 8

Any ideas why?

thanks

2

Can anyone help?

I’m pulling my hair out here trying to get this to work…

3

I.E is saying that an object was expected on line 8…

line 8 is as follows:

$(‘#accordion .head’).click(function() {

am I referencing something wrong?