CodePen

HTML

            
              <div class="store"><a href="javascript:void();">GERMANY</a>
  <div class="store_details">
   <p>Stores in Germany</p>
  </div>
</div>
<div class="store"><a href="javascript:void();">ITALY</a>
  <div class="store_details">
   <p>Stores in Italy</p>
  </div>
</div>
<div class="store"><a href="javascript:void();">FRANCE</a>
  <div class="store_details">
   <p>Stores in France</p>
  </div>
</div>
            
          
!

↑ Insert the most common viewport meta tag

CSS

            
              .store_details {
    display: none;
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              $(function(){
    $('.store a').on('click', function(){
        var store_details = $('.store_details').hide();
        var l = $(this).parent().children('.store_details');
        l.show();
    });    
})();
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................