display: none

Проще через jquery toggle и два IF будет сделать.

http://javascript.ru/forum/misc/2238-pri-klike-ssylki-otkryt-div-blok-i-pri-klike-eshhjo-raz-zakryt-ego.html

подстроить вместо ссылки див , я думаю вам это должно помочь

bay_ebook, можете код дать?

---------- Добавлено 06.11.2014 в 16:04 ----------

lexter, немного не то

мне по клику нужно, чтобы один закрывался, а второй открывался

$('a.id1').click(function(){

$('#id2').hide(0);

$('#id1').show(0);

// пойдет также $('#id2').css({'display':'none'}); $('#id1').css({'display':'block'})

})

по аналогии прописываете для 2 блока

только надо ссыль вывести из под дива иначе ее, как дочерний элемент дерева тоже попрячет и дать ей класс id1 и id2 соответственно

вариант не универсальный, зато простой

function show(id) {

	$('#'+id).show();

	$('#'+(id == 'div1' ? 'div2' : 'div1')).hide();

}

LovelAss, как это в html файле оформитьи какие библиотеки подключать, чтобы работало?

я в этом "ноль"

Библиотеку jQuery

Подключите jquery

например вот отсюда http://jquery.com/download/ -- там инструкция есть

потом в хедер добавьте вот такой код

<script type="text/javascript">

$(document).ready(function(){

// ---------- сюда ваш код --------------//

})

</script>

если нигде ошибок нет, то заработать должно сразу. если есть, тогда посмотрите файрбагом. они все будут видны

может простым js можно

этот код по клику на ссылку скрывает/открывает

как по одному событию запустить исполнение show(div1) и show(div2) одновременно

в итоге сразу одно закроет, а другое откроет - как и нужно

---------- Добавлено 06.11.2014 в 17:56 ----------

<a href=javascript:// OnClick=show("div1");show("div2")>Show div1</a>

---------- Добавлено 06.11.2014 в 17:56 ----------

как правильно прописать выделенное черным?

Ну в принципе верно написали

onclick='show("div1");show("div2")'

Просто при загрузке страницы один блок должен быть скрыт.