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
Post a Comment