Приношу извинения за флуд. Но не мог сдержаться.
Вот мой вариант после небольшого абгрэйда.
В файле.html:
.........
<div class="main">
<div class="titlbox"><p class="li" id="a">Первая</p></div> <!-- Основной список -->
<div class="titlbox"><p>Вторая</p></div> <!-- Основной список -->
<div class="subbox">
<div>
<p class="li" id="b">Первый подкаталог</p>
<p class="li" id="c">Второй подкаталог</p>
<p class="li" id="d">Третий подколотый</p>
<p class="li" id="e">Четвертый подколотый</p>
<p class="li" id="f">Пятый подкоталог</p>
</div>
</div>
......
Во внешнем скрипте:
.......
$('p.li').click(function(){
var li = $(this).attr("id");
switch (li) {
case 'a': ($('div.win').load('a.html')); break
case 'b': ($('div.win').load('b.html')); break
case 'c': ($('div.win').load('c.html')); break
case 'd': ($('div.win').load('d.html')); break
case 'e': ($('div.win').load('e.html')); break
case 'f': ($('div.win').load('f.html')); break
default: ($('div.win').load('Error.html'));
}
.......