manejo de jquery

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:

 <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>