javascript - html pop up panel open with java script working loacal host but not working at server side -
i using html java script open panel @ page load , close @ local server when using code @ server side open panel @ page load not close panel @ server side...how solver problem.....code working local host not working @ server side me
<html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>simple slide panel</title> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function () { $(".btn-slide").click(function () { $("#panel").slidetoggle("slow"); $(this).toggleclass("active"); return false; }); $(".btn-slide").trigger('click'); }); </script> <style type="text/css"> body { margin: 0 auto; padding: 0; width: 570px; font: 75%/120% arial, helvetica, sans-serif; } a:focus { outline: none; } #panel { background: #754c24; height: 200px; display: none; } .slide { margin: 0; padding: 0; border-top: solid 4px #422410; background: url(images/btn-slide.gif) no-repeat center top; } .btn-slide { background: url(images/white-arrow.gif) no-repeat right -50px -50px; text-align: center; width: 144px; height: 31px; padding: 10px 10px 0 0; margin: 0 auto; display: block; font: bold 120%/100% arial, helvetica, sans-serif; color: #fff; text-decoration: none; } .active { background-position: right 12px; } </style> </head> <body> <div id="panel"> <!-- can put content here --> </div> <p class="slide"><a href="#" class="btn-slide">slide panel</a></p> </body> </html>
check whether jquery library getting included in page.in firebug can find it. if not getting included try prepending './' src
i.e src="./jquery.js"
Comments
Post a Comment