Add CSS by clicking a button that goes to another page

Question

I need to add height in a div when I click a button, only there is one but this div is on another page and that’s where I’m not able to do it, I’ll show you how I did in the code below if anyone can help

CODE

$('.close-reveal-modal').click(function(){
    $('#site .makingof .slide').addClass('insere-altura');
});​

Explaining the code: When I click . close-Reveal-modal it goes back to the index.php page and inserts the "height inserts" class along with the slide class.

Answer 1

It is a little complicated to achieve this behavior only with javascript

a solution would be to use localStorage:

• Record some kind of information in localstorage and on the index page check the localstorage if the information is present add the class. Ex:

// No Index
$(function(){
  if(localStorage.getItem('close-reveal-modal-clicked')){
       $('#site .makingof .slide').addClass('insere-altura');
  }
});


$('.close-reveal-modal').click(function(){
  localStorage.setItem('close-reveal-modal-clicked', true);
});​