Подскажите, пожалуйста, как сделать кнопку "Подробнее" по типу как в контакте? что бы подробная информация не открывалась отдельно на странице, а дополнялась к основному тексту. Таких кнопок на странице нужно несколько сделать, а то текст мешается:( созданием сайтов занимаюсь не долго...если можно более подробно описать, если кто знает?

если поможет информация...
нашел на сайте nissens
когда не вся информация

<a id="toggleOeNumbers" class="down" onclick="toggleOeNumbers(); return false;" href="#"></a>

после нажатия кнопки

<a id="toggleOeNumbers" class="up" onclick="toggleOeNumbers(); return false;" href="#"></a>

вот вся кнопка целиком

<li><a id="toggleOeNumbers" class="up" onclick="toggleOeNumbers(); return false;" href="#"></a><span class="type OE" onclick="toggleOeNumbers(); return false;">
      OE no.:
    </span><span class="value">
      1434916
    </span><br></br><div id="otherOe" style="display: block;"><span class="value">
      1627416
    </span><br></br></div></li>

объясните пожалуйста кто понимает? как и что делается при этом? и нужно ли еще прописывать стили и т.п.?

здесь тебе пожет JavaScript. JQuery посмотри и примеры. по аналогии сам сделаешь

Скрипты еще надо подключить. Обычный toggle. доки

_____________
There never was a struggle in the soul of a good man that was not hard

спасибо, сейчас буду разбираться

нужную информацию выводи в дивах .. у каждого свой id . в css для всех этих дивов - display:none; (чтоб их спрятать). далее на каждый див вешаем javascript что-нибудь вроде onclick="this.style='block';" ..
Можешь почитать про Ajax - если надо чтоб подгружалось при клике.

_____________
Прогноз на следующие 5 лет : Россия, Китай - две величайшие державы.
США в Ж*пе. Справедливость восторжествует. )

получилось примерно следующие

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<p>
мой текст который должен появиться:)
</p>
<button>Подробнее...</button>
<script>
$("button").click(function () {
$("p").slideToggle("slow");
});
</script>

Но появилась еще одна проблема...он мне теперь все убирает что описано в тегах

<p>*</p>

и еще надо что бы текст появлялся(был изначально скрыт лишний), а не на оборот....

Поподробнее о чем ? Ajax - погугли, есть хорошие доходчивые статьи, ничего сложного нет - все поймешь.

По дивам .. давай сначала без вывода информации в них . просто сделай на странице
<a href="" onclick="this.style.display='block';">подробнее</a>
<div id="one">... bla bla ....</div>

в файле css который у тебя отвечает за стили пропиши

#one{
display:none;
}

Заходим на страницу .. видим слово "подробнее" , нажимаем и появляется див "... bla bla ...."
Если получилось , вместо бла бла вставляем php с выводом того что нужно тебе ..


_____________
Прогноз на следующие 5 лет : Россия, Китай - две величайшие державы.
США в Ж*пе. Справедливость восторжествует. )

сделал как сказал...
... bla bla .... не показывает...даже после нажатия

Соории )) писал спал .. конеш не показывает .. вот бери .

<a href="#" onclick="document.getElementById('one').style.display='block'">подробнее </a>
<div id="one">... bla bla ....</div>

в стилях так же все как и было

#one{
display:none;
}


_____________
Прогноз на следующие 5 лет : Россия, Китай - две величайшие державы.
США в Ж*пе. Справедливость восторжествует. )