|
Данный код демонстрирует как показать или скрыть элемент с эффектом слайдера.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
| <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> |
|