Суть такова - есть 4 ссылки и 4 скрытых diva, условно:
<a href="#" id="link1">Текст</a>
<a href="#" id="link2">Текст2</a>
<a href="#" id="link3">Текст3</a>
<a href="#" id="link4">Текст4</a>
<div id="div1" class="bar"></div>
<div id="div2" class="bar"></div>
<div id="div3" class="bar"></div>
<div id="div4" class="bar"></div>
В классе прописано display:none;
Как сделать так, чтобы при нажатии на ссылку появлялся соответствующий div, но остальные оставались скрытыми, а при нажатии на другую ссылку, другой div открывался, а предыдущий скрывался ?
Уже несколько дней пытаюсь сделать, ничего не получается.