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
Post a Comment