English
hide and show jQuery
The hide() function is used to hide any element using its Id or classname.
In this example we are hiding the div element.
The show() function is used to show any hidden element using its Id or classname.
In this example, we are showing the div element which was dynamically hidden in the design itself.
example
Hide
<input type="button" id="hdbtn" value="Hide">
<div id="d1">This is the Div</div>
<script src="js/jquery-2.2.0.min.js"></script> <== jQuery file
<script>
$(document).ready(function()
{
$("#hdbtn").click(function()
{
$("#d1").hide();
});
});
</script>
Show
<input type="button" id="shbtn" value="Show">
<div id="d1" style="display:none;">This is the Div</div>
<script src="js/jquery-2.2.0.min.js"></script>
<script>
$(document).ready(function()
{
$("#shbtn").click(function()
{
$("#d1").show();
});
});
</script>
hide and show toggle()
The toggle() method toggles between hide() and show() for the selected elements.
This method checks the selected elements for visibility.
show() is run if an element is hidden.
hide() is run if an element is visible - This creates a toggle effect.
example
<input type="button" id="btn" value="Show/Hide">
<div id="d1">This is the Div</div>
<script src="js/jquery-2.2.0.min.js"></script>
<script>
$(document).ready(function()
{
$("#btn").click(function()
{
$("#d1").toggle();
});
});
</script>
Indonesia
sembunyikan dan tampilkan jQuery
Fungsi hide() digunakan untuk menyembunyikan elemen apa pun menggunakan Id atau classname-nya.
Dalam contoh ini kita menyembunyikan elemen div.
Fungsi show() digunakan untuk menampilkan elemen tersembunyi menggunakan Id atau classname.
Dalam contoh ini, kami menunjukkan elemen div yang tersembunyi secara dinamis dalam desain itu sendiri.
contoh
Bersembunyi
<input type="button" id="hdbtn" value="Hide">
<div id="d1">This is the Div</div>
<script src="js/jquery-2.2.0.min.js"></script> <== jQuery file
<script>
$(document).ready(function()
{
$("#hdbtn").click(function()
{
$("#d1").hide();
});
});
</script>
Menunjukkan
<input type="button" id="shbtn" value="Show">
<div id="d1" style="display:none;">This is the Div</div>
<script src="js/jquery-2.2.0.min.js"></script>
<script>
$(document).ready(function()
{
$("#shbtn").click(function()
{
$("#d1").show();
});
});
</script>
sembunyikan dan tampilkan toggle()
Metode toggle() beralih antara hide() dan show() untuk elemen yang dipilih.
Metode ini memeriksa elemen yang dipilih untuk visibilitas.
show() dijalankan jika elemen disembunyikan.
hide() dijalankan jika elemen terlihat - Ini menciptakan efek sakelar.
contoh
<input type="button" id="btn" value="Show/Hide">
<div id="d1">This is the Div</div>
<script src="js/jquery-2.2.0.min.js"></script>
<script>
$(document).ready(function()
{
$("#btn").click(function()
{
$("#d1").toggle();
});
});
</script>