Javascript слайд эффект на клик

Я хотел бы добавить эффект слайда и затухания в DIV, используя исключительно Javascript, используя «onclick».

Код здесь:http://jsfiddle.net/TCUd5/

У DIV, который должен скользить, есть id = "pulldown_contents_wrapper". Этот DIV содержится в SPAN, что также вызывает его:

<span onclick="toggleUpdatesPulldown(event, this, '4');" style="display: inline-block;" class="updates_pulldown" >
    <div class="pulldown_contents_wrapper" id="pulldown_contents_wrapper">

И я думаю, что код JS, который управляет щелчком SPAN:

var toggleUpdatesPulldown = function(event, element, user_id) {
  if( element.className=='updates_pulldown' ) {
    element.className= 'updates_pulldown_active';
    showNotifications();
  } else {
    element.className='updates_pulldown';
  }  
}

Если это невозможно сделать с помощью чистого JS, у вас есть идея, как я могу сделать это с Mootools? (* Я бы хотел использовать только чистый JS или Mootols Framework).

Я попытался реализовать код из:почему javascript onclick div slide не работает? но без результатов.

Большое спасибо.

Мне удалось сделать это с помощью Mootools, но я не могу понять, как добавить эффект слайда и затухания и задержку при наведении мыши

    window.addEvent('domready', function() {
        $('updates_pulldown').addEvents({
          mouseenter: function(){
            $('updates_pulldown').removeClass('updates_pulldown').addClass('updates_pulldown_active')
            $('pulldown_contents_wrapper').set('tween', {
              duration: 1000,
              physics: 'pow:in:out',
              transition: Fx.Transitions.Bounce.easeOut // This could have been also 'bounce:out'
            }).show();
          },
          mouseleave: function(){
            $('pulldown_contents_wrapper').set('tween', {
                duration: 1000,
                delay: 1000,
                }).hide();
            $('updates_pulldown').removeClass('updates_pulldown_active').addClass('updates_pulldown')
          },
        });
    });

  var toggleUpdatesPulldown = function(event, element, user_id) {
      showNotifications();
  }

Любая идея?

Ответы на вопрос(1)

Ваш ответ на вопрос