jQuery « прыгает строчка в show/hide

/** * GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann * (http://qbnz.com/highlighter/ and http://geshi.org/) */ .html4strict.geshi_code {font-family:monospace;} .html4strict.geshi_code .imp {font-weight: bold; color: red;} .html4strict.geshi_code .kw2 {color: #000000; font-weight: bold;} .html4strict.geshi_code .kw3 {color: #000066;} .html4strict.geshi_code .es0 {color: #000099; font-weight: bold;} .html4strict.geshi_code .br0 {color: #66cc66;} .html4strict.geshi_code .sy0 {color: #66cc66;} .html4strict.geshi_code .st0 {color: #ff0000;} .html4strict.geshi_code .nu0 {color: #cc66cc;} .html4strict.geshi_code .sc-1 {color: #808080; font-style: italic;} .html4strict.geshi_code .sc0 {color: #00bbdd;} .html4strict.geshi_code .sc1 {color: #ddbb00;} .html4strict.geshi_code .sc2 {color: #009900;} .html4strict.geshi_code span.xtra { display:block; }


 $('#addclrouter').click(function () {
                            $("#addclroutype").show("drop", {}, 100);
    });
   
 $('#addclpc').click(function () {
                            $("#addclroutype").hide("drop", {}, 100);
    });


$('#addclroutype').change(function () {
       var routype = $("#addclroutype option:selected" ).val();
      if ( routype === "d100" ) {
                    $('#addclid').hide("drop", {}, 100);
      }
            else
           
                   {
             $('#addclid').show("drop", {}, 100);
        }
        });


<label for='addclpc'>PC</label><input type='radio' id='addclpc' name='router' value='pc' checked='checked'>
<label for='addclrouter'>router</label><input type='radio' id='addclrouter' name='router' value='rout'>
<span id='addclroutype'>
<label for='addclroutype'>router</label><select id='addclroutype'>
    <option selected value='d300'>Dlink 300</option>
    <option value='d100'>Dlink100</option>
    </select><span id='addclid'><label for='addclroutssid'>ssid</label><input type='text' id='addclroutssid' size='8'></span>
   </span>
 


После переключения селекта, скрытая строчка ssid появляется на новой строке.

1 ответов



Была такая же проблема... сделал два класса *.dn{display:none} и *.db{display:block}
и через addClass removeClass

работает и по сей день... можно подключить animate
или попробуй slideUp slideDown