Tabs

Tabs

I have Tabs
<div id="tabs">
  <ul>
    <li><a href="#tabs-1">Tab1</a></li>
    <li><a href="#tabs-2">Tab2</a></li>
    <li><a href="#tabs-3">Tab3</a></li>
  </ul>
  <div id="tabs-1">1</div>
  <div id="tabs-2">2</div>
  <div id="tabs-3">3</div>
</div>

its working fine.

Now i need to add one more div like <div id="tabs-1">4</div> next to div tab-3 with same id of tab1

<div id="tabs">
  <ul>
    <li><a href="#tabs-1">Tab1</a></li>
    <li><a href="#tabs-2">Tab2</a></li>
    <li><a href="#tabs-3">Tab3</a></li>
  </ul>
  <div id="tabs-1">1</div>
  <div id="tabs-2">2</div>
  <div id="tabs-3">3</div>
  <div id="tabs-1">4</div>
</div>

so when i click tab1 i need to show both divs with same id

please help me

Thanks in Advance

Bala