Problem to insert a load() function to my code

Problem to insert a load() function to my code

Hi everibody !!

I am using this code :
  1. $(function(){$('#content').find('article').hide().css({width:'0',marginLeft:'0%',left:'50%'});

  3. var act='#page_1';$('#page_1').show();$('a').click(function(){page=$(this).attr('href');

  5. if(page.substr(page.indexOf('#'),6)=='#page_'){

  7. $('#menu a, footer a').parent().removeClass('active');

  9. $(this).parent().addClass('active');

  11. $(act).animate({width:'0',marginLeft:'0%',left:'50%'},600,'easeInCirc',function(){

  13. $('#content').find('article').css({display:'none'})

  15. $(page).css({display:'block'}).animate({width:'100%',marginLeft:'0%',left:'0%'},600,'easeOutCirc',function(){act=page;});});return false; }})})

to show an animate content when i click on one of these anchors :


<ul id="menu">
<li><a href="#page_2"><strong>about us</strong><span></span></a></li>
<li><a href="#page_3" ><strong>Products</strong><span></span></a></li>
</ul>


My jquery code with css show and hide this element <article>  :

  1. </article>
  2. <article id="page_2">

  4. i need to show my page.php here

  6. </article>
My problem is how i can add a load() function to my jquery code to insert an external page inside my <article> element,  for exemple in bootstrap we can use data-target to show an external page inside a modal popup.

Thank you very much !!