Javascript-форум (https://javascript.ru/forum/)
-   Библиотеки/Тулкиты/Фреймворки (https://javascript.ru/forum/library-toolkit-framework/)
-   -   Помогите дописать раскрывающиеся меню (https://javascript.ru/forum/library-toolkit-framework/21343-pomogite-dopisat-raskryvayushhiesya-menyu.html)

frost18 05.09.2011 23:23

Помогите дописать раскрывающиеся меню
 
У меня есть пример раскрывающегося меню. Помогите пожалуйста дописать его, надо что бы оно было закрыто изначально и менялись картинки plus.gif или minus.gif в зависимости от раскрытости пункта.
<html>
<head> 
<title>Всплывающие подсказки</title> 
<link rel="stylesheet" type="text/css" href="main.css" />
<script type="text/javascript" src="jquery.js"></script>
<script>

$(document).ready(function() {
    
  $('#sitemap_menu').click(function(e){
    var node;
    if(e.target.nodeName != 'IMG'){
        return;
    }
    else if(!(node = $(e.target)).parent().has('ul') ){
        return;
    }
    
    node.parent().find('ul').slideToggle('fast');
  });
  
});

</script>
</head> 
 
<body> 
 
<ul id="sitemap_menu">
    <li><img src="minus.gif" /><a href="">Первый</a>
        <ul>
            <li><img src="minus.gif" /><a href="">Второй</a>
                <ul>
                    <li><img src="minus.gif" /><a href="">Третий</a>
                    </li>
                </ul>
            </li>
        </ul>
    </li>
</ul>

</body> 
</html>

Триви 06.09.2011 01:04

В сети полно готовых решений на заданную тему.

frost18 06.09.2011 11:50

Подскажите а как подняться на тег после this выше или ниже?

<li><img src="" />
<a href="">test</a>
<ul>
<li>test2</li>
<li>yesy3</li>
</ul>
</li>

$(this).attr('src', 'images/plus.gif'); - меняет в в теге ul, а мне нужно в этом li и теге img

ksa 07.09.2011 09:58

Цитата:

Сообщение от frost18
как подняться на тег после this выше или ниже?

http://www.fpublisher.ru/documentati...s#hnextsibling
http://www.fpublisher.ru/documentati...revioussibling

Но там не все так просто... :)


Часовой пояс GMT +3, время: 22:49.