hide show

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
 $("p").hide(function(){
$("button").click(function(){
        $("p").toggle();

});
});
});
</script>
</head>
<body>

<button>Answer</button>

<p style="background-color:#00ff00">This is a paragraph with little content.</p>


</body>
</html>



----------------------------------------
https://www.google.co.in/#q=computer+mcq

-----------------------------------------------------------
http://www.blogolect.com/2014/08/how-to-add-spoiler-or-hideshow-button-in-blogger.html
http://helplogger.blogspot.in/2012/03/hideshow-widgetsgadgets-in.html
http://www.willmaster.com/blog/javascript/manage-show-hide.php

No comments:

Post a Comment