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 появляется на новой строке.
$('#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