Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: для новичков > Помогите написать скрипт скрыть/раскрыть блок


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

Код

<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
Полностью по схеме, приведённой в статье
http://shublog.ru/javascript/kak-pokazat-i-skryt-tekst-na-javascript/

Автор: gcc 23.1.2010, 17:15
я сделал так как тут:

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>

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)