[jquery] .load()

이건 해당하는 파일을 불러오는 것.

$(function(){

$("p.panel").load($("ul.tab li a.selected").attr("href"));

$("ul.tab li a").click(function(){

$("ul.tab li a").removeClass("selected");

$(this).addClass("selected");

$("p.panel").load($(this).attr("href"));

return false;

});

});

$("p.panel").load($(this).attr("href"));

p.panel이 빈공간인데 이곳에 붙여 넣겠다는 것입니다. 

<div id="container">

<ul class="tab">

<li><a href="JavaScript.txt" class="selected">JavaScript</a></li>

<li><a href="CSS.txt">CSS</a></li>

<li><a href="HTML.txt">HTML</a></li>

<li><a href="jQuery.txt">jQuery</a></li>

<li><a href="XHTML.txt">XHTML</a></li>

</ul>

<p class="panel"><p>

</div>