Pada tutorial kali ini kita akan belajar tips tentang jquery yaitu Menampilkan Dan Menghilangkan Isi DIV Dengan Jquery Event Click Pada Combo Box, tutorial ini sangat sederhana tetapi jika kalian di minta atau menemukan case seperti ini maka akan cukup membantu untuk yang tidak paham jquery.
Baik sebelum kita mulai saya akan menjelaskan maksud dari artikel ini yaitu kita membuat sebuah div nah di dalam div tersebut sudah ada isi berupa paragraf yang berisi kalimat.
Nah tujuanya adalah untuk menghilangkan dan menampilkan isi div tersebut 🙂 simple kan ? baik kita mulai saja , silahkan salin code yang telah saya buat 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, jika jalan dengan baik, silahkan sesuaikan dengan case atau project kalian sendiri.