Sync Horizontal slider toggle with fade ?

a place to get help

Moderator: 1.2 Moderators

Forum rules
  • Every time you need help create a new thread (but please use the search function before, as your problem maybe has already been solved)
  • use code highlighting (help)
  • After your problem has been solved you have to rename the subject to "[solved] <Topicname>" AND set the Topic icon as solved (the green check)

Sync Horizontal slider toggle with fade ?

Postby ptbalfour on Sun Jun 13, 2010 1:00 pm

Hi Guys,
Im trying to sync. the Horizontal slider toggle with the fade toggle.
i.e When the $$('div.tag_tab') triggers the slide 'IN' the element $$('div.menu_sitemap_fff') fades 'IN'.
And vice versa.
Any ideas for a novice?

Cos at the moment a double click makes the content disappear when it fade in.
Hope this makes sense.
Thanks in Advance

Paul



  1. window.addEvent('domready', function() {
  2.  
  3.  
  4.  
  5. var myHorizontalSlide = new Fx.Slide('horizontal_slide', {mode: 'horizontal', duration: 800, transition: Fx.Transitions.Expo.easeOut}).hide();
  6. $$('div.menu_sitemap_fff').fade(0);
  7.  
  8. // Horizontal slider toggle on mouseenter
  9.    
  10. $$('div.tag_tab').addEvent('click', function(e){
  11.         e.stop();
  12.         myHorizontalSlide.toggle();
  13.  
  14. // Fade content in
  15.     $$('div.menu_sitemap_fff').fade('toggle');
  16.     }); 
  17.  
  18.  
  19.    
  20.  
  21. });
  22.  
ptbalfour
 
Posts: 8
Joined: Fri May 28, 2010 4:53 pm

Return to Help

Who is online

Users browsing this forum: No registered users and 1 guest