Показать сообщение отдельно
  #1 (permalink)  
Старый 29.08.2009, 11:16
Новичок на форуме
Отправить личное сообщение для SuperPuperLesha Посмотреть профиль Найти все сообщения от SuperPuperLesha
 
Регистрация: 29.08.2009
Сообщений: 4

управление accordion menu
Привет!.
Есть менюшка, сама по себе работает, хоть не трогай...
Но есть необходимость открывать и закрывать её списки из отдельного тэга, типа кнопка.

<script type="text/javascript" src="mootools.js"></script>

<script type="text/javascript">
window.addEvent('domready', function ddd(toggler, element,ee){
                                       var accordion = new Accordion('h3.menusection',
                                                                     'ul.menusection', {opacity:   false,
                                                                                        onActive:  function fff(toggler, element)
                                                                                           {
                                                                                            toggler.setStyle('color',           '#333333');
                                                                                            toggler.setStyle('background', '#F7F1E5');                                                                                                    
                                                                                            },
                                                                                        onBackground: function(toggler, element)
                                                                                            {  
                                                                                              toggler.setStyle('color',           '#333');
                                                                                              toggler.setStyle('background', '#E8D7B7');
                                                                                             }
                                                                                       },
                                                                      $('menu')
                                                                     );
                                      }
              );
</script>

<div id="box0">
<div id="menu">
  <h3 class="toggler menusection" id='XXX_1'>О компании</h3>
  <ul class="element menusection" id='YYY_1'>
   <li><a href="1">Ссылка 1</a></li>
   <li><a href="2">Ссылка 2</a></li>
   <li><a href="3">Ссылка 3</a></li>
  </ul>
  <h3 class="toggler menusection" id='XXX_2'>Статьи</h3>
  <ul class="element menusection" id='YYY_2'>
   <li><a href="1">Ссылка 1</a></li>
   <li><a href="2">Ссылка 2</a></li>
   <li><a href="3">Ссылка 3</a></li>
  </ul>
</div>
</div>



Кнопка.
<button onclick="
                         AA=document.getElementById('XXX_2');
                         BB=document.getElementById('YYY_2');
                        ">
</button>


Помогите открыть 2-й список в меню и закрыть первый.
Ответить с цитированием