Переключение контента без перезагрузки страницы

Я бы наверное смотрел в сторону jQuery вариантов. Полно в сети.

а конкретные ссылки кто-нибудь знает? Просто даже не знаю, как правильно запрос сформулировать :)

Korew,

Это может быть либо Ajax - загрузка с сервера новых данных, либо просто сделать div невидимый в котором контактная информация, по клике на кнопке или еще чем-то $('#hidden_adress').css('display', 'block')

На JQuery есть много эфектов, https://www.google.ru/search?q=Jquery+%D1%81%D0%BF%D0%BE%D0%B9%D0%BB%D0%B5%D1%80&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:ru:official&client=firefox

Segey, мне нужен невидимый div, который станет видимым при нажатии на нужный город. Для каждого города свой div. При нажатии на название города, все дивы исчезают, а нужный показывается. Спойлер не подходит по этим причинам.

---------- Добавлено 20.04.2012 в 16:44 ----------

С n-ой попытки сумел ввести в гугль запрос, который выдал подходящий результат. Вот, что мне было нужно:

<div id='first' style='display: none'> 

     11111111111111111111111111

 </div> 

 <div id='second' style='display: none'> 

     2222222222222222222222222222

 </div> 

 <a href='javascript://' onclick='toggle("first");'> 

     1 

 </a> 

 <a href='javascript://' onclick='toggle("second");'> 

     2 

 </a> 

 <div id='conten'> 

 </div> 

 <script type='text/javascript'> 

     function toggle(id) { 

         document.getElementById("conten").innerHTML = document.getElementById(id).innerHTML; 

     } 

     toggle("first"); 

 </script>

Может кому-нибудь тоже пригодится :)

значит на onclick элемента с названием вешается последовательность двух функций, а не одной, типа:

$('.city').hide(); $(this).next().show();

тут как бе 'city' - класс элементов с инфой, и они идут сразу за элементами с названием (что б next() сработал).