jQuery Effects Hide and Show:-

jQuery Effects – Hide and Show

दोस्तों आज के Tutorial में आप jQuery Effects के बारे में पढ़ेंगे | इसकी मदद से आप किसी HTML elements को hide या छुपा सकते हैं और किसी छुपे हुए HTML elements को Web Page में show करवा सकते है या दिखा सकते है | चलिए एक उदाहरण की मदद से jQuery Effects का उपयोग किसी Web Page में कैसे किया जाता है इसका एक Example देख लेते है |

 

Example 1 :- Example Of Hide and Show

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("#hide").click(function(){
        $("p").hide();
    });
    $("#show").click(function(){
        $("p").show();
    });
});
</script>
</head>
<body>
<h3>If you click on the "Hide" button, Following Text  will disappear. Then If you click on the  Show button, Following Text  will appear again.  </h3>
<p>Click On Following Button.</p>
<button id="hide">Hide</button>
<button id="show">Show</button>
</body>
</html>

 

दोस्तों Hide और Show Effects के साथ speed नाम के parameter भी उपलब्ध हैं जिनका उपयोग आप कर सकते हैं |

 

speed parameter का उपयोग Hide होने की गति को नियंत्रित करने के लिए किया जाता है | इसमें समय की Value को “slow“, “fast” या milliseconds सेकंड में लिखा जाता है | [1 second = 1000 millisecond ]

 

Example :-

<script>
$(document).ready(function(){
    $("#hide").click(function(){
        $("p").hide(1000);
    });
    $("#show").click(function(){
        $("p").hide("slow");
    });

    $("#show").click(function(){
        $("p").hide("fast");
    });
});
</script>