Javascript - Jquery link not working -


i trying work on example found : http://jsfiddle.net/vz3t5/1/

but code works fine, can assume link jqueryui 1.9.2 doesn't...

here code try : 

<html> <head>  <link rel="stylesheet" href="https://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css"> <script src="https://code.jquery.com/jquery-1.9.1.js"></script>  <script src="https://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>  <link href="css/ui-lightness/jquery-ui-1.9.2.custom.css" rel="stylesheet"> <script> var $accordion = $("#accordion");  $accordion.accordion();  $(".opener").on("click", function () { var $this = $(this),     toopen = $this.data("panel");  $accordion.accordion("option", "active", toopen);  return false; });  </script> </head>  <body>   <a class="opener" data-panel="0" href="#">open section 1</a>   <a class="opener" data-panel="1" href="#">open section 2</a>   <a class="opener" data-panel="2" href="#">open section 3</a>   <a class="opener" data-panel="3" href="#">open section 4</a>   <div id="accordion">   <h3>section 1</h3>  <div>     <p>mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. integer         ut neque. vivamus nisi metus, molestie vel, gravida in, condimentum sit         amet, nunc. nam nibh. donec suscipit eros. nam mi. proin viverra leo         ut odio. curabitur malesuada. vestibulum velit eu ante scelerisque vulputate.</p> </div>  <h3>section 2</h3>  <div>     <p>sed non urna. donec et ante. phasellus eu ligula. vestibulum sit amet         purus. vivamus hendrerit, dolor @ aliquet laoreet, mauris turpis porttitor         velit, faucibus interdum tellus libero ac justo. vivamus non quam. in suscipit         faucibus urna.</p> </div>  <h3>section 3</h3>  <div>     <p>nam enim risus, molestie et, porta ac, aliquam ac, risus. quisque lobortis.         phasellus pellentesque purus in massa. aenean in pede. phasellus ac libero         ac tellus pellentesque semper. sed ac felis. sed commodo, magna quis lacinia         ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui.</p>     <ul>         <li>list item one</li>         <li>list item two</li>         <li>list item three</li>     </ul> </div>  <h3>section 4</h3>  <div>     <p>cras dictum. pellentesque habitant morbi tristique senectus et netus et         malesuada fames ac turpis egestas. vestibulum ante ipsum primis in faucibus         orci luctus et ultrices posuere cubilia curae; aenean lacinia mauris vel         est.</p>     <p>suspendisse eu nisl. nullam ut libero. integer dignissim consequat lectus.         class aptent taciti sociosqu ad litora torquent per conubia nostra, per         inceptos himenaeos.</p> </div> </div> </body> </html>

thanks in advance

your code must inside document.ready

try this

$(function () {      var $accordion = $("#accordion");      $accordion.accordion();      $(".opener").on("click", function () {         var $this = $(this),             toopen = $this.data("panel");          $accordion.accordion("option", "active", toopen);          return false;     });  });

Comments

Post a Comment

Popular posts from this blog

apache - Remove .php and add trailing slash in url using htaccess not loading css -

i have add following code htaccess file removing .php extension , add trailing slash urls. worked fine reduced page loading speed , css code not loading @ all. pages ugly. please help rewriteengine on rewritebase / ## hide .php extension snippet # externally redirect /dir/foo.php /dir/foo rewritecond %{the_request} ^[a-z]{3,}\s([^.]+)\.php [nc] rewriterule ^ %1/ [r,l] # add trailing slash rewritecond %{request_filename} !-f rewritecond %{request_uri} !/$ rewriterule . %{request_uri}/ [l,r=301] # internally forward /dir/foo /dir/foo.php rewritecond %{request_filename} !-d rewritecond %{request_filename}.php -f rewriterule ^(.*?)/?$ $1.php [l] we can rewrite urls using .htaccess files. before writing in .htaccess files need verify kind of server using. can check server adding a <?php phpinfo(); ?> in php page. ensure mod_rewrite module enabled in apache server. can identified checking phpinfo included page. common methods used url rewriting follows ...
Read more

javascript - jQuery show full size image on click -

pretty self explanatory not workking . i want display full image when user click on image... yes know there tons of plugins but i want keep simple. any idea ? css : .full { display: none; width: 500px; height: 500px; margin-left: 100px; margin-top: -300px; position: fixed; background-color: #f00; z-index: 6; } .thumbnail { width: 50px; height: 50px; } html: <img class="thumbnail" src="http://4.bp.blogspot.com/-uhbdp2esxng/txneptvi92i/aaaaaaaaaky/upfqis7zto0/s1600/rihanna-wallpaper.jpg"> jquery: $(document).ready(function() { $('.thumbnail').on('click', function() { var img = $('<img />',{src:this.src,'class':'full'}); $('.full').html(img).show(); console.log('done!'); }); }); try looking how jquery works. $(document).ready(function() { $('.thumbnail').on('click', function(...
Read more