Выезжающий блок
Большее количество примеров можно найти тут: Много интересного
Всё что будет дальше это лишь пример который можно использовать.
Блок который выезжает с определённого края. Чтобы не говорить много приведу наглядный пример.
Всё что мне понадобиться это нормально подключить JQ, что я уже сделал на этом сайте, вставить вот такой вод код:
<span href="javascrip:" id="click" style="color: green; cursor: pointer;">пример</span>
Если же у вас на сайте выезжает только один блок, можно спользовать такой код:
<script type="text/javascript">
function sh() {
$("#div_name").slideToggle("slow");
}
</script>
Если же несколько то лучше использовать такую функцию, в которой передаёться имя дива который будет выезжать
<script type="text/javascript">
function sh(znach) {
$("#"+znach).slideToggle("slow");
}
</script>