如果我单击“ rejt ”按钮,我有一些功能可以切换 HTML 的 2 个部分。通常它看起来像这样:
但是在使用按钮再次将其切换回来后,它会像这样扭曲:
请帮我解决这个问题。
代码示例:
function bottom() {
var value = $('#toggle').attr('value');
$('#bottomtext1').toggle('slow');
$('#bottomtext2').toggle('slow');
if (value == 'rejt'){
$('toggle').attr('value', 'mutat');
}
else if (value == 'mutat') {
$('toggle').attr('value', 'rejt');
}
};
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<id id="bottomtext1" style="display:none;">stuff1</id>
<input type="button" value="rejt" id="toggle" onclick="bottom();">
<id id="bottomtext2" style="display:none;">stuff2</id>