All posts by Thamimul Ansari

How to use Jquery hide and show functions?

<!DOCTYPE html>
<html>
<head>
<title>Hide and Show Example</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>

<button id="hideButton">Hide</button>
<button id="showButton">Show</button>

<div id="elementToToggle">
This is the element to toggle.
</div>

<script>
$(document).ready(function() {
// Hide the element when the "Hide" button is clicked
$("#hideButton").click(function() {
$("#elementToToggle").hide();
});

// Show the element when the "Show" button is clicked
$("#showButton").click(function() {
$("#elementToToggle").show();
});
});
</script>

</body>
</html>


Follow our Site to Know More about Programming Tricks

ayschools.com

Thank You…

How to Use Bootstrap 5 utility classes?

Here are some of the commonly used utility classes in Bootstrap 5:
1. Spacing:
   – m-*: Margin utility classes (e.g., m-1, m-2, m-3, etc.)
   – p-*: Padding utility classes (e.g., p-1, p-2, p-3, etc.)
2. Sizing:
   – w-*: Width utility classes (e.g., w-50, w-75, w-100, etc.)
   – h-*: Height utility classes (e.g., h-50, h-75, h-100, etc.)

Read More