Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New Coder
    Join Date
    Mar 2011
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Arrow Convert Mootools script to Jquery?

    Hello guys,

    I need some help. I am very noob in Jquery and Mootools .. and they were getting conflicted on one page. I tried every tutorial available online but I couldn't get my jquery slideshow and mootools menu to work together. Not even by the jquery no conflict command.

    Code:
        		window.addEvent('domready', function(){
    			//-vertical
    			
    			var mySlide = new Fx.Slide('v.menu-4');
    			mySlide.hide(); 
    			$('toggle-4').addEvent('click', function(e){
    				e = new Event(e);
    				mySlide.toggle();
    				e.stop();
    			});
    
    		});
    This script is for vertical menus and written for mootools 1.11

    Can anybody help me out?

  • #2
    Senior Coder DanInMa's Avatar
    Join Date
    Nov 2010
    Location
    Salem,Ma
    Posts
    1,577
    Thanks
    13
    Thanked 248 Times in 248 Posts
    this should be pretty close:

    Code:
    $(document).ready(function(){
    var mySlide = new Fx.Slide('v.menu-4');
    			mySlide.hide(); 
    $('toggle-4').click(function(e){
    				mySlide.toggle();
    				e.stop();
    
    });
    
    });

  • #3
    New Coder
    Join Date
    Mar 2011
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hey, Thanks for the reply..

    I tried the script it didnt work

    Here is what Iam using it for:
    Code:
    <a href="#" id="toggle-1" class="button first">Testing Center</a>
     <ul id="v.menu-1" class="left-sidebar-menu">
      <li><a href="#">Prometric</a></li>
      <li><a href="#">Pearson</a></li>
     </ul>
    
    <a href="#" id="toggle-2" class="button">CompTIA Training</a>
     <ul id="v.menu-2" class="left-sidebar-menu">
      <li><a href="#">CompTIA A+</a></li>
      <li><a href="#">CompTIA Network+</a></li>
      <li><a href="#">CompTIA Security+</a></li>
     </ul>
    
    <a href="#" id="toggle-3" class="button">Cisco Training </a>
     <ul id="v.menu-3" class="left-sidebar-menu">
      <li><a href="#">Prometric</a></li>
      <li><a href="#">Pearson</a></li>
     </ul>
    
    <a href="#" id="toggle-4" class="button">Testing Center</a>
     <ul id="v.menu-4" class="left-sidebar-menu">
      <li><a href="#">CCNA</a></li>
      <li><a href="#">CCNP</a></li>
      <li><a href="#">CCNA Wireless</a></li>
      <li><a href="#">CCNP Wireless</a></li>
     </ul>
    
    <a href="#" id="toggle-5" class="button">Microsoft Training </a>
     <ul id="v.menu-5" class="left-sidebar-menu">
      <li><a href="#">MCTS</a></li>
      <li><a href="#">MCITP</a></li>
      <li><a href="#">EXCHANGE SERVER</a></li>
      <li><a href="#">OFFICE 2010</a></li>
     </ul>
    
    <a href="#" id="toggle-6" class="button">LINIX/UNIX Training</a>
     <ul id="v.menu-6" class="left-sidebar-menu">
      <li><a href="#">RedHat Linux </a></li>
     </ul>
    Thanks in advance.
    Last edited by Fieryfoxx; 10-02-2011 at 05:32 PM.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •