Manipulasi css dengan Jquery

Selamat malam teman teman pada malam ini saya coba sharing hal sederhana tentang Jquery yaitu manipulasi css dengan jquery. Hal yang perlu di siapkan yaitu library jquery. Bisa pakai versi berapapun. Disini saya memakai jquery versi : jquery-3.2.1.min.js

Baiklah langkah langkahnya :
1). Buat script html sederhana ada html, head, body,dll
2). Panggil library jquery : <script src="js/jquery-3.2.1.min.js"></script>
3). Buat script css sederhana . contoh :
    

<style>

#detail{

height:auto;

width:auto;

}

</style>

4). Buat script javascript sederhana buat effeknya letakkan sebelum </body> :

<script>

$( "button" ).click(function() {

$( "#detail" ).show( "slow" );

});

</script>

5). Selamat mencoba 

Referensi : http://api.jquery.com/show/