javascript - Jquery fadeIn function on Div is not working with FF and IE but it does work with anoter Div -

so have linkbutton onclick has fadein div , work.on google chrome works on ff , ie doesnt.the strange thing have linkbutton fadesin div browsers.

link problem descripe > hotelmontecristobg.com

press english button accomodation hover , press standartroom when using chrome works , fadesin on ff , ie doesnt.

here code working div browsers:

html:

<div id="inquiry" class="inquiry">     <img id="closey" class="close" src="logos/closey.png" />      <table style="width:60%;">         <tr>             <td>                 <asp:label runat="server" id="l1" style="font-size:30px;"> Запитване </asp:label>              </td>         </tr>         <tr>             <td>                 <asp:label id="l2" runat="server" style="font-size:22px;width:100px;">Вашият Имейл</asp:label>             </td>             <td>                 <asp:textbox id="t1" runat="server" style="font-size:22px;width:300px;"></asp:textbox>             </td>             <td>                 <asp:label id="label1" runat="server" style="color:red"></asp:label>             </td>         </tr>         <tr>             <td>                 <asp:label id="l3" runat="server" style="font-size:22px;width:100px;">Тема</asp:label>             </td>             <td>                 <asp:textbox runat="server" id="t2" style="font-size:22px;width:300px;"></asp:textbox>             </td>             <td>                 <asp:label id="label2" runat="server" style="color:red"></asp:label>             </td>         </tr>         <tr>             <td>                 <asp:label id="l4" runat="server" style="font-size:22px;width:100px;">Текст</asp:label>             </td>             <td>                 <textarea runat="server" id="textarea" style="height:200px;width:300px;max-height:200px;max-width:300px;"></textarea>             </td>             <td>                 <asp:label id="label3" runat="server" style="color:red"></asp:label>             </td>          </tr>         <tr>             <td>                 <asp:label runat="server" id="l5" style="font-size:22px;width:100px;">Телефон:</asp:label>             </td>             <td>                 <asp:textbox id="telephone" runat="server" style="font-size:22px;width:300px"></asp:textbox>             </td>          </tr>         <tr>             <td></td>             <td>                 <asp:button id="izprati" runat="server" style="width:300px;height:50px" onclick="izprati_click" text="Изпрати" />             </td>         </tr>     </table> </div>    <asp:linkbutton runat="server" id="hbutton2" cssclass="hbutton"> 

javascript:

$(document).ready(function() {     $('#hbutton2').click(function() {         $('#inquiry').fadein(1000);     });      $('body').on('click', '#closey', function() {         $('#inquiry').fadeout(1000);     });  }); 

css:

.inquiry {     position: fixed !important;     position: absolute;     top: 10vh;     right: 0;     bottom: 0;     left: 10vw;     width: 80vw;     height: 80vh;     background-color: white;     padding: 10px;     z-index: 10;     display: none;     -webkit-box-shadow: 0 0 3px 1px black;     box-shadow: 0 0 3px 1px black; } 

and div fadesin google chrome , not firefox , internetexplorer.

javascript:

$(document).ready(function() {   $('#stayopen1').click(function() {     $("#situationalpanel").fadeout(1000);     $('#deluxer').fadeout(1000);     $('#onebedr').fadeout(1000);     $('#standartr').fadein(1000);   }); 

html:

<div id="accomodationpanel">     <asp:linkbutton runat="server" id="stayopen1" cssclass="stayopen"></asp:linkbutton> </div> 

css of #standartr:

.standart {     position: fixed !important;     width: 80vw;     left: 20vw;     height: 90vh;     top: 10vh;     z-index: 3;     display: none;     background: -webkit-linear-gradient(#292929, #999999);  /* safari 5.1 6.0 */     background: -o-linear-gradient(#292929, #999999);  /* opera 11.1 12.0 */     background: -moz-linear-gradient(#292929, #999999);  /* firefox 3.6 15 */     background: linear-gradient(#292929, #999999);  /* standard syntax */; }