zend framework - Divs inside another, shows up when .slideDown() is used in the outer div with Jquery and IE8 -


the above code works in browsers except in ie8 works in compatibility-mode. removed markup inside divs, there huge tables. in ie8 when check checkbox('rf'), suposed show 2 divs(#frmrf , #frmantenas), it's showing div(#frmtx), if think markup not ok, generated zend_form, i'd not have hidden each checkbox create.

 <script> $('input[name="rf"]').change(function(){     if($(this).is(':checked')){         $("#frmrf").show();         $("#frmantenas").slidedown();     }else{         $("#frmrf").slideup('slow');         if(!$('input[name="tx"]').is(':checked'))             $("#frmantenas").slideup('slow');     } }); </script>  <table> <tr>     <td>         <input value=0 type=hidden name=rf ><input id=rf value=1 type=checkbox name=rf> <font class=legenda>rf</font>     </td> </tr> </table>  <div id=frmantenas style="display:none;"> <fieldset>  <legend>especificações técnicas da solicitante:</legend>      <div style='margin-top: 10px' id='frmrf' style="display:none;">      </div>      <div style='margin-top: 10px' id='frmtx' style="display:none;">      </div>  </fieldset>  </div> 

first of sorry, have no clue how comment, don't see button it. think i've had similar problem while , have turned off slidedown ie. think ie doesn't handle well.. think should try , see if works:

   <script>     $('input[name="rf"]').change(function(){     var speed  = $.browser.msie ? 0 : "slow";         if($(this).is(':checked')){             $("#frmrf").show();             $("#frmantenas").show(speed);         }else{             $("#frmrf").hide(speed);             if(!$('input[name="tx"]').is(':checked'))                 $("#frmantenas").hide(speed);         }     });     </script> 

i believe slideup/down same showing , hiding stuff ("slow"), adjusted that.

lauw

edit:

it worked me when put online , changed html following:

<div id=frmantenas style="display:none;"> <fieldset>  <legend>especificações técnicas da solicitante:</legend>      <div id='frmrf' style="display:none; margin-top: 10px">      </div>      <div id='frmtx' style="display:none; margin-top: 10px">      </div>  </fieldset>  </div> 

the thing here defining 'style' twice on div, did not catch on display:none; editted answer after commenting. hope solves it,

lauw


Comments

Popular posts from this blog

java - SNMP4J General Variable Binding Error -

windows - Python Service Installation - "Could not find PythonClass entry" -

Determine if a XmlNode is empty or null in C#? -