Развернуть и свернуть

Я использую следующий код для разворачивания и сворачивания.

<script type="text/javascript">

    function toggle_visibility(id) {
       var e = document.getElementById(id);
       if(e.style.display == 'block')
          e.style.display = 'none';
       else
          e.style.display = 'block';
    }

</script>

<a href="#" onclick="toggle_visibility('id1');" >Click here to toggle visibility of element #foo</a>

<div id="id1">This is foo</div>


<a href="#" onclick="toggle_visibility('id2');" >Click here to see wonder</a>

<div id="id2">This is foo</div>

Я хочу + (плюс) изображение при сворачивании и - (минус) изображение при расширении. Пожалуйста, помогите мне с кодом сделать это.

Заранее спасибо.


javascript collapse expand
person bhai    schedule 11.06.2013    source источник
comment
Куда вы хотите поместить эти изображения? К as?   -  person Teemu    schedule 11.06.2013
comment
Используйте присвоение .innerHTML, чтобы изменить содержимое элемента.   -  person Barmar    schedule 11.06.2013

Ответы (1)


arrow_upward
0
arrow_downward

Можете ли вы сделать это с помощью jquery? Посетите эту скрипку

Js-код:

$(document).ready(function () {

    $('#toggle-view li').click(function () {

        var text = $(this).children('div.panel');

        if (text.is(':hidden')) {
            text.slideDown('200');
            $(this).children('span').html('-');     
        } else {
            text.slideUp('200');
            $(this).children('span').html('+');     
        }

    });

});
person Fasil kk    schedule 11.06.2013