Return to Snippet

Revision: 55207
at January 30, 2012 17:48 by ninacess


Initial Code
<script type="text/javascript" src="jquery.js">
</script> <script type="text/javascript">
/* <![CDATA[ */
// Jquery implementation of Show/Hide Panel for Instructions
$(document).ready(function(){
  $(".showhide").click(function(){
    $(".panel").slideToggle("slow");
  });
});
/*]]>*/
</script>
<div class="c2">
<p class="showhide">Click to Show/Hide Instructions</p>
<div class="panel">
<p>Jquery testing of .slideToggle</p>
<div class="c1">
Testing Show/Hide Instructions
</div>
</div>

Initial URL

                                

Initial Description
Simple Show/Hide Panel we learned in class for an assignment.

Initial Title
Simple Show/Hide Panel

Initial Tags
jquery

Initial Language
jQuery