更改显示 <div> 和另外一个 <div> 当使用PHP单击链接时

Question

I would like to ask some help on this thing. I created a site that has a lot of div and what I want is that when a link is clicked only one div will be displayed without reloading the whole page.

Sample code:

<ul>
    <li><a href="">Div 1</a></li>
    <li><a href="">Div 2</a></li>
    <li><a href="">Div 3</a></li>
</ul>

<div id="content1">
    <p>This is content 1</p>
</div>
<div id="content2">
    <p>This is content 2</p>
</div>
<div id="content3">
    <p>This is content 13</p>
</div>

Is it possible if I'll just use php? And please help me on how I will do it.

Answer 1

You can use JQUERY tabs for achieve this one..

Please look at http://jqueryui.com/tabs/

Answer 2

Please check with below scripts

<a href="" onclick="showdiv('content1'); ">Div 1</a>
   <a href="" onclick="showdiv('content2'); ">Div 2</a>
   <a href="" onclick="showdiv('content3'); ">Div 3</a>


<scripts>
var hidediv = null;
function showdiv(id) {
    if(hidediv)
       hidediv();
    var div = document.getElementById(id);
    div.style.display = 'block';
    hidediv = function () { div.style.display = 'none'; };
}
</scripts>