JavaScript , задачка на 5 минут ( помогите )

Discussion in 'PHP' started by Tou4, 31 Mar 2013.

  1. Tou4

    Tou4 New Member

    Joined:
    5 Mar 2013
    Messages:
    1
    Likes Received:
    0
    Reputations:
    0
    Ребят на завтра надо сдать задачку, задачка по яваскрипте на 5 минут для знающего.
    очень надо.
    ===============
    Создать с помощью java script дерево для показа иерархии
    fruits

    apple
    pineapple
    appricot
    pear
    lemon

    vegetables

    potatoes
    beatroot
    carrots
    pear
    нажатия на ссылку сворачивает или разворачивает перечень подразделений
    ====================

    icq - 362380558
     
  2. FindeR

    FindeR Elder - Старейшина

    Joined:
    15 Nov 2006
    Messages:
    623
    Likes Received:
    138
    Reputations:
    20
    PHP:

    <html>
    <
    head>
    <
    script
    function 
    show_hide(id)
    {    
        var 
    element document.getElementById(id);
        if (
    element)
        {
            if (
    element.className == 'hided')
            {
                
    element.setAttribute('class''');
            }
            else
            {
                
    element.setAttribute('class''hided');
            }
        }
        
    }
    </script>
    <style>
    .hided
    {
    display: none;
    }
    </style>
    </head>

    <body>

    <a onclick="show_hide('fruits'); return false;" href="">Fruits</a><br />
    <div id="fruits" class="hided">
    <ul>
    <li>apple</li>
    <li>pineapple</li>
    <li>appricot</li>
    <li>pear</li>
    <li>lemon</li>
    </ul>
    </div>


    <a onclick="show_hide('vegetables'); return false;" href="">Vegetables</a><br />
    <div id="vegetables" class="hided">
    <ul>
    <li>potatoes</li>
    <li>beatroot</li>
    <li>carrots</li>
    <li>pear</li>
    </ul>
    </div>

    </body>
    </html>