[2GAR1N]

Здравствуйте, у меня еще один вопрос.
Возникла идея реализации на сайте такого блока: (накидал анимацю в фотошопе)
http://gta.bashtel.ru/img/15109f0474...728ac3e09d.gif
Подскажите пожайлуста, как я могу это сделать. Или дайте ссылку на подобный урок
Заранее благодарен

[Niemans]

jquery

[Novosad]

Посмотри фреймворк jQuery. Там есть функция .show(), которую можно с помощью jQuery User Interface настроить так, как ты хочешь.

$('#id_твоего_блока').click(){
// код с использованием и настройками .show();
}

[2GAR1N]

Сделал, вроде бы все нравится. (Скрины 1 и 2)
Но как только я перехожу на страницу полной новости, все ломается. (скрин 3)
Подскажите пожайлуста, что нужно сделать.
вот код который я вставлял в main.tpl
cms dle

PHP код:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
<script src="http://jemand.ru/examples/scripts/jquery.tabslideout.v1.2.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
    $('.panel').tabSlideOut({                            //Класс панели
        tabHandle: '.handle',                        //Класс кнопки
        pathToTabImage: '/templates/Default/images/menu-bottom.png',                //Путь к изображению кнопки
        imageHeight: '140px',                        //Высота кнопки
        imageWidth: '40px',                        //Ширина кнопки
        tabLocation: 'right',                        //Расположение панели top - выдвигается сверху, right - выдвигается справа, bottom - выдвигается снизу, left - выдвигается слева
        speed: 1000,                                //Скорость анимации
        action: 'click',                                //Метод показа click - выдвигается по клику на кнопку, hover - выдвигается при наведении курсора
        topPos: '0px',                            //Отступ сверху
        fixedPosition: true                        //Позиционирование блока false - position: absolute, true - position: fixed
    });
});
</script> 


PHP код:

<div class="panel">
            <a class="handle" href="#">JavaScript должны быть включены!</a> <!-- Ссылка для пользователей с отключенным JavaScript -->
            <h3><span lang="ru">11111</span></h3><br>
            <span lang="ru">
                <p><a href="#">11</a></p><br>
                <p><a href="#">11</a></p><br>
                <p><a href="#">11</a></p><br>
                <p><a href="#">11</a></p>
            </span>
        </div> 


А вот код fullstory.tpl (Полная новость)

PHP код:

{poll}
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="eBlock"><tr><td style="padding:3px;">
<div class="eTitle" style="text-align:left;">{title}[edit]<img src="/templates/default/images/edit.png">[/edit]</div>
<div class="eTitle1" style="text-align:left;">Раздел:&nbsp;{link-category}</div>
<div class="eMessage" style="text-align:left;clear:both;padding-top:2px;padding-bottom:2px;">{full-story}</div>
<div style="float:right; padding-top:7px; padding-bottom:0px;">{rating}</div>
<div class="eTitle1" style="text-align:left;">&nbsp;Автор:<strong>{author}</strong> | {date} | Просмотров: {views}</div>
</table>
<br> 


[2GAR1N]

Есть предложения?

[vadimon]

Как вариант:

$(document).ready(function () {
    $('css класс элемента, по которому будет производиться клик').click(function () {
	$('css класс выдвигаемого блока').slideToggle('normal');
    });
});