Jquery IE8 Problems
<p>I have three divs when clicked each of them show a particular form. I am using Jquery to show the forms. All three forms are hidden by Jquery on pageload. </p>

<p>In IE8 when I click the second and third div the form related to the div is shown but the first div when clicked nothing works. </p>

<p>All three divs work fine in Firefox, Safari and chrome. </p>

<p>My code is below: </p>

<p>JQuery</p>

<pre><code>$(document).ready(function(){
$('#slidingDiv').hide();
$('#slidingDiv1').hide();
$('#slidingDiv2').hide();

$('#content1').click(function() {
    $('#slidingDiv').hide();
    $('#slidingDiv1').hide();
    $('#slidingDiv2').hide();
    $('#slidingDiv').show(400);
    return false;
});

$('#content2').click(function() {
    $('#slidingDiv').hide();
    $('#slidingDiv1').hide();
    $('#slidingDiv2').hide();
    $('#slidingDiv1').show(400);
    return false;
});

$('#content3').click(function() {
    $('#slidingDiv').hide();
    $('#slidingDiv1').hide();
    $('#slidingDiv2').hide();
    $('#slidingDiv2').show(400);
    return false;
});  

});
</code></pre>

<p>HTML</p>

<pre><code>&lt;div id="content1"&gt;
&lt;a href="#"&gt;&lt;img src="image1.jpg" width="180" height="120"  border ="0"    /&gt;&lt;br/&gt;Content1&lt;/a&gt;
&lt;/div&gt;
&lt;div id="content2"&gt;
&lt;a href="#"&gt;&lt;img src="image2.jpg" width="180" height="120"  border ="0"  /&gt;&lt;br/&gt;Content2&lt;/a&gt;
&lt;/div&gt;
&lt;div id="content3"&gt;
&lt;a href="#"&gt;&lt;img src="image3.jpg" width="180" height="120"  border ="0"  /&gt;&lt;br/&gt;Content3&lt;/a&gt;
&lt;/div&gt;


&lt;div id="slidingDiv"&gt;Form1&lt;/div&gt;

&lt;div id="slidingDiv1"&gt;Form2&lt;/div&gt;

&lt;div id="slidingDiv2"&gt;Form3&lt;/div&gt;
</code></pre>

<p>CSS</p>

<pre><code>#content1, #content2, #content3 {
display: inline-block;
width:200px;
background: #ffffff;
margin-right: 20px;
margin-top:20px;
margin-bottom:20px;
text-align: center;
font-size: 16px;
font-weight: bold;
padding: 10px 0px 10px 0px;
-moz-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
border:solid 1px #CB9B2B;
}
</code></pre>

<p>Thanks in Advance</p>
