0

我正在尝试append()和slideDown()一个 div （据说）环绕几个元素。我想<div> 连同它的内容一起滑下来。但就我所拥有的而言，只有<div>我想要的幻灯片（这就是为什么我在它周围放了一个实心边框）

这是代码：

jQuery

$(document).ready(function() {
$('#check').click(function() {
        $("body").append('<div class="mydiv" style="border-style:solid;overflow:auto;height:700px"><b><label style="position: absolute; left: 476px; font-size: 22px; top: 250px;">Order Information</label><div class="detailz">Name<br><br>E-mail<br><br><br>Shipping address<br><br><br><br>State<br><br>Phone<br><br>Credit/Debit Card No.</div><form name="orderdetails" action="www.google.com" method="post"><p><span class="detailz"><input name="name" style="position: absolute; left: 271px; top: 15px; width: 229px; height: 28px;" type="text"></span><span class="detailz"><input name="email" type="text" style="position: absolute; left: 273px; top: 70px; width: 229px; height: 27px;"></span></p><p><span class="detailz"><textarea name="address" cols="" rows="" id="add" style="position: absolute; resize: none; left: 273px; top: 139px; width: 244px; height: 103px;"></textarea><select name="state" style="position: absolute; left: 276px; top: 271px; width: 233px;"><option>Andaman and Nicobar</option><option>Andhra Pradesh</option><option>Assam</option><option>Bihar</option><option>Chandigarh</option><option>Delhi</option><option>Goa</option><option>Haryana</option><option>Jammu and Kashmir</option><option>Kerala</option><option>Maharashtra</option><option>Punjab</option><option>Tamil Nadu</option><option>West Bengal</option></select><input name="phone" type="text" style="position: absolute; left: 272px; top: 323px; width: 240px; height: 27px;" maxlength="10"><input name="card" type="text" style="position: absolute; left: 274px; top: 375px; width: 235px; height: 30px;" maxlength="16"></span></p></div>');

    $("body").find(".mydiv:last").hide().slideDown("slow");
});
});

在这种情况下，这个 JSFiddle最有利于理解我想要什么：

我该怎么办？

4

2 回答 2

4

试试这个：

http://jsfiddle.net/FmDtj/3

.mydiv {position: relative;}
于 2013-03-22T19:08:30.543 回答
2

当您将滑动 div 的元素绝对定位时，幻灯片不会将它们识别为 div 的元素部分。

在没有绝对定位的情况下构建滑动 div 的内容，它将起作用。

于 2013-03-22T19:07:16.020 回答