Hi Im just new in jquery and javascript. What im trying to do is i have 3 separate Main-Divs ex main-div1, main-div2, main-div-3 all of them is one big box and when you click main-div1 it will show the contents of it but when you click main-div2 while different main div is open it will automatic close and open the main div.

HTML

```html
<a href="link">
    <div class="main-div1" style="background-color:#000; color:#fff;">
        <div class="content"> Any contents </div>
    </div>
</a>
<a href="link">
    <div class="main-div2" style="background-color:#000; color:#fff;">
        <div class="content"> Any contents </div>
    </div>
</a>
<a href="link">
    <div class="main-div3" style="background-color:#000; color:#fff;">
        <div class="content"> Any contents </div>
    </div>
</a>
```