Siarkan kod dahulu, kemudian bincangkan tentang acara terperinci Salin kod Kod adalah seperti berikut: div.panel,p.flip<br> {<br> jidar:0px;<br> padding:5px;<br> text-align:center;<br> latar belakang:#e5eecc;<br> sempadan:pejal 1px #c3c3c3;<br> }<br> div.panel<br> {<br> Tinggi:120px;<br> }<br> & Lt; p & gt; W3School - Tapak Tutorial Teknologi Web terkemuka & lt;/p & gt; & Lt; p & gt; di W3School, anda boleh menemui semua tutorial pembinaan laman web yang anda perlukan. Sila klik di sini <br> $(dokumen).sedia(fungsi(){<br> $(".flip").klik(fungsi(){<br> $(".panel").slideUp(300);<br> });<br> });<br> </body><br> </html><br> <br><br> <br>Isi penting (Petua):<br> <br>1. Klik pilihan butang acara</div> Dalam kod yang rosak ini ialah ".flip" <p> </p>2. Pemilihan nod<p> </p> Dalam kod ini ialah ".panel" <p> </p>Siarkan sekeping kod lagi<p> </p> <p></p> <p></p>Salin kod<p></p> <div class="codetitle"> <span> Kod adalah seperti berikut:<a style="CURSOR: pointer" data="19309" class="copybut" id="copybut19309" onclick="doCopy('code19309')"><u></u> <script type="text/javascript"></a> $(dokumen).sedia(fungsi(){</span> $(".flip").klik(fungsi(){</div> $(".panel").slideToggle(300);<div class="codebody" id="code19309"> });<br> });<br> <br><br> <br>.slideTogol acara<br> <br>Kesan gelongsor ini dijalankan untuk memaparkan kedua-dua kesan Atas dan Bawah<br> </div>Kandungan di atas adalah penjelasan terperinci tentang slideUp dan slideDown dalam jQuery.
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
