How to use links within a show/hide div

http://stackoverflow.com/questions/36561667/how-to-use-links-within-a-show-hide-div

HTML

<p>some text I want to show</p>
<a href="#" id="hideme" class="hide">[show]</a>
<a href="#" id="showme" class="show">[hide]</a>
<div id="list" class="hidden">
  <p>bla bla, you should look on <a href="http://www.google.com">google</a></p>
</div>

CSS

.hidden{
  display:none ;
}
.expand{
  display:block !important;
}

JavaScript

jQuery(function($){
    	     $('#hideme').click(function(){
    	     $('#list').addClass('hidden')
           $('#list').removeClass('expand')
    	     })
        })
        
jQuery(function($){
    	     $('#showme').click(function(){
    	     $('#list').addClass('expand')
           $('#list').removeClass('hidden')
    	     })
        })