jquery - Link to a page and trigger toggle event on div -


i using jquery toggle hidden (by default) div on page 1.

$(document).ready(function(){     $(".trigger").click(function(){         $(".panel").toggle("fast");         $(this).toggleclass("active");         return false;     }); }); 

what need able link page 1 page 2 open hidden div in same event.

i'm hoping can shed light on simple execution of this? cheers!

on page 2:

<a href="page1.html?panel_open=1"> click me </a> 

on page 1:

$(document).ready(function() {     // parse query params     var url_params = (window.location.search.substr(1)       .split('&')       .reduce(function(prev, curr) {            curr = curr.split('=');            if( curr.length > 1 ) { prev[curr.shift()]=curr.join('='); }           return prev;        }, {}));      if( url_params.panel_open ) {         // if "panel_open" passed in url, open panel         $(".panel").toggle("fast");     } }); 

edit: made couple of minor changes in query string parsing code above, improve robustness in few edge cases.


update

older browsers (including ie8) don't support reduce() function. so, here's version of code above doesn't use function:

$(document).ready(function() {     var parts = window.location.search.substr(1).split('&');     var url_params = {};     (; parts.length ;) {         var curr = parts.shift().split('=');         if (curr.length > 1) {             url_params[curr.shift()] = curr.join('=');         }     }      if( url_params.panel_open ) {         // if "panel_open" passed in url, open panel         $(".panel").toggle("fast");     } }); 

Comments

Popular posts from this blog

objective c - Change font of selected text in UITextView -

php - Accessing POST data in Facebook cavas app -

c# - Getting control value when switching a view as part of a multiview -