[jQuery] A Serious Problem with IE6,My code doesn't work in IE6 & IE7
::::::::::This Is My Scipt ::::Js/JStoun.js::::
// JavaScript Document
jQuery(document).ready(function(){
var isShown=0;
var DashCommentPanel=0;
$('#SubmitCommentStyleButton').click(function(){
if(DashCommentPanel==1){
$('#DishAComment').animate({
marginTop:'0px',
}, 'slow' ) ;
DashCommentPanel=0;
}else{
$('#DishAComment').animate({
marginTop:'-134px',
}, 'slow' ) ;
DashCommentPanel=1;
}
});
---------------------------------
$('#CuriousPic').css('margin-top','-55px');
$('#More').click(function(){
if(isShown==0){
$('#CuriousPic').animate({
marginTop:'0px',
borderWidth: "10px"
}, 'slow' );
isShown=1;
}else{
$('#CuriousPic').animate({
marginTop:'-55px',
borderWidth: "10px"
}, 'slow' );
isShown=0;
}
}); });
:::: this is my Html File :::::::
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://
www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script language="javascript" src="Js/jquery-1.3.2.min.js"></script>
<script language="javascript" src="Js/JStoun.js"></script>
<link rel="stylesheet" type="text/css" href="Css/mainStyle.css"/>
<title>3w.Agnihrache.Com - Portail Agnihrache ,Agnihrache,village pres
de tiznit,maroc,agnihrash,agnihrach,desert,sahara maroc,morocco,gentel
people,lovely places</title>
</head>
<body><div id="MainBodyPicHolder" >
<div id="CuriousPic">
<table width="196" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="68" align="right" valign="bottom" id="More"> <span
id="More">&More !</span></td>
</tr>
</table>
</div>
</div>
<div id="DishCommentBlockHolder">
<div id="DishAComment">
<table width="100" border="0" cellspacing="0" cellpadding="0"
bgcolor="#d5d5d5">
<tr>
<td width="48%" colspan="2" align="left" valign="top">
<input name="textfield2" type="text" class="FormsOldText"
id="textfield2" value="Nom" />
</td>
<td colspan="2" align="left" valign="top"><input
name="textfield3" type="text" class="FormsOldText" id="textfield3"
value="Prénom" /></td>
</tr>
<tr>
<td colspan="2" align="left" valign="top">
<input name="textfield" type="text" class="FormsOldText"
id="textfield" value="E-mail" />
</td>
<td width="8%" align="left" valign="top"
class="FormsOldText"><input name="checkbox" type="checkbox"
id="checkbox" checked="checked" /></td>
<td width="44%" align="left" valign="middle" nowrap="nowrap"
class="FormsOldText"> Mon E-mail est visible ! </td>
</tr>
<tr>
<td colspan="4" align="left" valign="top">
<textarea name="textarea" cols="45" rows="5"
class="FormsOldText" id="textarea">Commentaires !</textarea>
</td>
</tr>
<tr>
<td width="117" height="19" align="left" valign="top"
bgcolor="#FFFFFF" >
<div id="SubmitCommentStyleButton"><img src="Img/
DishCommentPin.png" width="16" height="16" align="absmiddle" /