Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- $(document).ready(function(){
- $("#togglediv").click(function(){
- if($("#commentdiv").is(":visible")){
- $("#commentdiv").hide("slow"); $("#togglediv").text("show");}
- else{
- $("#commentdiv").show("slow"); $("#togglediv").text("hide");}
- }
- });
- $(document).ready(function() {
- $("#togglediv").click(function() {
- // note: do this first because the :hidden test fails if you
- // do it after triggering a slow animation
- $("#togglediv").text($("#commentdiv").is(":hidden") ? "Hide" : "Sgiw");
- $("#commentdiv").toggle('slow');
- });
- });
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html>
- <head>
- <title>Test</title>
- <style type="text/css">
- #togglediv { padding: 5px; background-color: yellow; }
- #commentdiv { padding: 5px; background-color: #CCC; height: 100px; }
- </style>
- </head>
- <body>
- <div id="togglediv">Hide</div>
- <div id="commentdiv">thanks for answer. but i have tried this code, it was okay. i want to use toggle("slow") effect. this effect is runing firefox, but not i.e. is it a bug?</div>
- <script type="text/javascript" src="jquery-1.3.1.js"></script>
- <script type="text/javascript">
- $(function() {
- $("#togglediv").click(function() {
- $("#togglediv").text($("#commentdiv").is(":hidden") ? "Hide" : "Show");
- $("#commentdiv").toggle('slow');
- });
- });
- </script>
- </body>
- </html>
- $("#commentdiv").toggle("slow");
- $(document).ready(function(){
- $("#togglediv").click(function(){
- if($("#commentdiv").is(":visible")){
- $("#commentdiv").hide("slow"); $("#togglediv").text("show");
- }
- else{
- $("#commentdiv").show("slow"); $("#togglediv").text("hide");
- }
- }
- });
- if(document.getElementById(ThisObj).style.display == 'none')
- {
- document.getElementById(ThisObj).style.display = 'block';
- }
- else
- {
- document.getElementById(ThisObj).style.display = 'none';
- }
Add Comment
Please, Sign In to add comment