Sayfa değişmeden div elemanı içerisine veri çekme

<script type="text/javascript"> 
  $(document).ready(function(){ 
    
          $(".kayar").hide(); 
          $(".buton").show(); 
    
      $('.buton').click(function(){ 
      $(".kayar").slideToggle(); 
      }); 
    
  }); 
  </script>

.kayar { 
      margin: 0 auto; 
      height:600px; 
      background-color:#ffffff; 
      padding:5px; 
      margin-top:10px; 
      width:800px; 
      border:1px solid #fff; 
      border-top-left-radius: 3px; 
      border-top-right-radius:3px; 
      border-bottom-right-radius: 3px; 
      border-bottom-left-radius:3px; 
  } 
    
  .buton { 
      display:none; 
      color:#000; 
  	width:150px; 
  }

 <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=100484346&url=#" class="buton" data-href="#" class="buton">İletişim</a></li> 
   
   <div class="kayar"> 
  İçerik göster</div>