manejo de jquery

[ime]

Hola amigos buen dia, en este codigo que tengo fucniona el mostrar mas contenido lo que quiero hacer que cuando despligue contenido no se cierre aun cuando cambie de pagina(url) y si cambio de url se mantenga abierta en cuando le de atras con el navegador. Como puedo hacer eso, necesito ayuda, saludos ayuda buen dia a todos. gracias

en firefox funciona bien pero en chrome, IE no funciona como lo necesito.

Código:

Código [Seleccionar] Expandir


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
<script src="js/showHide.js" type="text/javascript"></script>
<script type="text/javascript">

$(document).ready(function(){
$('#hide').click(function(evento) {
$('#hide').fadeOut(1000);
});
  $('.show_hide').showHide({
speed: 1000,  // speed you want the toggle to happen
easing: '',  // the animation effect you want. Remove this line if you dont want an effect and if you haven't included jQuery UI
changeText: 1, // if you dont want the button text to change, set this to 0
showText: 'Show More',// the button text to show when a div is closed
hideText: 'Close' // the button text to show when a div is open

});


});

</script>



<center><a href="#" class="show_hide" rel="#slidingDiv" style="color:#333333; white-space: nowrap; font-family:Arial, Helvetica, sans-serif;"><i><b><u><span id="hide-show"><span id="hide">Show More</span></span></u></b></i></a><br />
<img src="imagenes/hand.png" /></a></center>