jquery-click-ajax.html

<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<ul>
  <li class="list-item">
    <h3>Stuff</h3>
    <button>clickety!</button>
    <div class="dropping">
    <a href="" class="view"></a>
      <p>Vis te viderer efficiantur, vel te apeirian nominati molestiae. Ad vocent adolescens cum, ei vim habeo congue labore, euismod detraxit consequat eu usu. In tation appellantur vel. Vim possit probatus consetetur ea. Te illud zril timeam qui, eam vocibus facilisi hendrerit an.</p>
      <p>Nobis partiendo intellegat an nam. Ne eum quem dolore facilisis. Ea omnium denique duo. Mea ad delectus luptatum. Eos primis quaerendum ne. Eam primis saperet ad, est esse exerci possim an, in scripserit theophrastus cum.</p>
    </div>
    
  </li>
  
</ul>

<script>
  (function(){
    $('.list-item').on('click', 'button', function(){
      $.ajax('section.html',{
          success: function(response){
            $('.dropping').html(response).slideDown();
          }
      });
    });
  })();
  
</script>