VPF::Помогите написать скрипт скрыть/раскрыть блок

sira01

Дата 23.1.2010, 16:15 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 2
Регистрация: 23.1.2010

Репутация: нет
Всего: нет

Вот допустим у меня есть на сайте блок. Там, меню. Рядом с ним ссылка (картинка плюсика) когда не неё нажимаешь появляется контент блока и плюсик становиться минусом, как это осуществить? вот примерный код блока:

Код


<table cellspacing=0 cellpadding=0 border=0>
  <tr>  
     <td width="180" height="25" class="menu_up"><a href="ссылка по которой плюс станет минусом и раскроет блок и наоборот"><img src="images/plus.png"></a></td></tr>
  <tr>  
     <td width="180" height="" class="menu_con">menu content</a></td></tr>
</table>

Спасибо огромное заранее smile

Mavrun

Дата 23.1.2010, 16:19 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 199
Регистрация: 25.11.2007

Репутация: 1
Всего: 13

Полностью по схеме, приведённой в статье
http://shublog.ru/javascript/kak-pokazat-i...-na-javascript/

gcc

Дата 23.1.2010, 17:15 (ссылка)

(нет голосов)

Загрузка ...

Агент алкомафии

Профиль
Группа: Участник
Сообщений: 2691
Регистрация: 25.4.2008
Где: %&й

Репутация: 1
Всего: 17

я сделал так как тут:

http://www.x0.org.ua/photo/view/25/199

правда это не в тему

Код


$(document).ready(function(){
    $('.detal').hide()
    $('.detal_video').click(function(){
        $(this).next().toggle()
    })
})

</script>

другой вариант, как-то так
(точно не знаю)

Код


<script type="text/javascript">

function resize(name){
    var tab=document.getElementById(name);
    var div=tab.getElementsByTagName('div')[0];
    var td=tab.getElementsByTagName('td')[0];
    if(div.style.display=='none'){
        div.style.display='block';
        td.childNodes[0].style.display='none';
        td.childNodes[1].style.display='block';
    } else if(div.style.display=='block'){
        div.style.display='none';
        td.childNodes[1].style.display='none';
        td.childNodes[0].style.display='block';
    }
}

</script>



        <td colspan="2">
            <table id="resized_{N}" width="100%" cellpadding="0" cellspacing="0" style="border-collapse:collapse">
                <tr>

                    <td width="26" height="25" onclick="resize('resized_{N}')" style="cursor:pointer;"><img hspace="4" src="http://media.lan/templ/images/context_close.gif" width="18" height="25"><img hspace="4" style="display:none" src="http://media.lan/templ/images/context_open.gif" width="18" height="25"></td>
                    <td height="25" style="border-top:1px solid #E3E3E3;border-left:1px solid #E3E3E3;border-right:1px solid #E3E3E3;padding-left:10px;">Резюме.</td>
                    <td width="50">&nbsp;</td>
                </tr>
                <tr>
                    <td colspan="3" style="text-align:justify;border:1px solid #E3E3E3;background-color:#F3F3F3; padding:5px;"><img src="http://media.lan/templ/images/transparentpixel.gif"><div style="display:none;border:1px solid #E3E3E3;background-color:#FFFFFF;padding:2px;">Элизабет, молодая женщина, прошедшая через множество разочарований, ищет себя и&nbsp;пытается залечить своё разбитое сердце. По&nbsp;мере того, как&nbsp;заживают сердечные раны, мимолётные встречи с&nbsp;незнакомыми людьми ведут её к&nbsp;новым и&nbsp;неизведанным страницам жизни.<br /><br />Будь то&nbsp;мечтательный владелец ночного кафе или&nbsp;невезучая девушка-игрок, делающая Элизабет отчаянное предложение, или&nbsp;несчастный полицейский и&nbsp;его непокорная жена&nbsp;&mdash; все&nbsp;эти люди помогают Элизабет изменить свои взгляды на&nbsp;жизнь, на&nbsp;взаимоотношения между людьми и, в&nbsp;конечном счёте, на&nbsp;саму себя. Постепенно Элизабет освобождается от&nbsp;прошлого и&nbsp;открывает новый путь к&nbsp;глубинам своей души&nbsp;&mdash; путь к&nbsp;подлинной любви.</div></td>

                </tr>
            </table>
        
        </td>
    </tr>

Это сообщение отредактировал(а) gcc - 23.1.2010, 20:40

--------------------

Perl FAQ
freelance
perl, jquery, js, php
perl, jquery

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »