Menampilkan Dan Menghilangkan Isi DIV Dengan Jquery Event Click Pada Combo Box
Di panduan kali ini kita akan belajar tips mengenai jquery yaitu Menampilkan Dan Menghilangkan Isi DIV Dengan Jquery Event Click Di Combo Box, panduan ini betul-betul sederhana tetapi apabila kalian di minta atau menemukan case seperti ini karenanya akan lumayan menolong bagi yang tak paham jquery.
Bagus sebelum kita mulai saya akan menjelaskan maksud dari artikel ini yaitu kita membangun sebuah div nah di pada div tersebut telah ada isi berupa paragraf yang berisi kalimat.
Nah tujuanya yakni bagi menghilangkan dan menampilkan isi div tersebut 🙂 simple kan ? bagus kita mulai saja , silahkan salin code yang telah saya bikin berikut :
<!DOCTYPE html>
<html>
<head>
<title></title>
<script src=”https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js”></script>
</head>
<body>
<style>
div {width: 400px; margin:auto;}
</style>
<select>
<option >pilih</option>
<option id=”show”>show</option>
<option id=”hide”>hide</option>
</select>
<div id=”message”>
<h4>Muncul klaim</h4>
<p>is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, </p>
</div>
<script>
$(document).ready(function(){
$(‘#show’).click(function(event){
$(‘#message’).show();
});
$(‘#hide’).click(function(event){
$(‘#message’).hide();
});
});
</script>
</body>
</html>
setelah di salin, coba kalian pahami code nya dan di jalankan, apabila jalan dengan bagus, silahkan sesuaikan dengan case atau project kalian sendiri.
Sumber https://kursuswebsite.org
