У меня возникают трудности при настройке простого меню, которое отображает результаты в блоке div:

У меня есть список из 10 ссылок, которые ссылаются на файлы php на моем сервере, которые возвращают данные. Мне бы хотелось, чтобы, когда зритель нажимал на одну из ссылок, данные из файла php отображались в поле div на экране, а затем, когда он нажимал на другую ссылку, он отображал данные из этого файла php. в поле div (заменив предыдущий текст).

Я знаю, что это довольно просто, но я не могу заставить его работать. Я использую jQuery и хотел бы знать, есть ли у кого-нибудь из вас быстрые решения.

Спасибо!!

ОБНОВЛЕНИЕ: я был в значительной степени терпеть неудачу javascript в отношении кода. Но вот основная идея для фреймворка:

 <div class="tabs">
        <ul class="tabNavigation" style="float:left; padding:1px;">
            <li><a href="#displayphpfile">Load phpfile1</a></li>
            <li><a href="#displayphpfile">Load phpfile2</a></li>
            <li><a href="#displayphpfile">Load phpfile3</a></li>
        </ul>
        <div id="displayphpfile">
            <p>Load phpfile1</p>
        </div>
    </div>