私は（おそらく）いくつかの要素をラップするdivをappend()試みています。とその中身をスライドさせslideDown()たいです。しかし、私が持っているものから、私が望むようにスライドするだけです（そのため、その周りにしっかりとした境界線を置きます）<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は、私が望むものを理解するのに最も有益です。
私は何をしますか？