jquery - 在 jQuery 中隐藏 <form> 标签

Question

出于某种原因，<form>在我的页面上不会使用 jQuery 隐藏/显示。我的表单中还有其他内容，例如 <div>和 <table> s，但我已将其隔离为这两个破坏它的输入字段: http://jsfiddle.net/3SDvm/2/

<form>
    <div>Random text</div>
<input id="multi" type="radio" name="style" value="checkbox"/>
    <label for="multi">Multiple options</label>

<input id="single" type="radio" name="style" value="radio" />
    <label for="single">Single option</label>
</form>​

$(document).ready(function() {
   $('form').slideUp(); 
});​

这是正常行为，还是我做错了什么？在 Chrome/IE/FF/Safari 上测试..

Answer 1

使用 div 包围表单内容并隐藏/显示该 div。我更新了你的 fiddle :http://jsfiddle.net/davidbuzatto/3SDvm/7/

使用 DerWaldschrat 解决方案，每个子项都将单独隐藏/显示，从而扰乱您想要的行为。

编辑:我再次更新了 fiddle ，提供了三种选择内部 div 并将其向上滑动的方法。看看:http://jsfiddle.net/davidbuzatto/3SDvm/9/