Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 4 of 4
  1. #1
    Junior Member
    Join Date
    Feb 2010
    Posts
    18
    Member #
    21141
    hi there guys. I was making some test's here with jquery, wanting to make a slideup panel on mouseenter and mouseleave. It's the first time I'm working with javascript, so I don't know nothing about it. The panel is already sliding down (and i wanted ti slide up) at rollover. but I don't know how to do rollout. can someone help me to do a rollover and rollout and to make the panel slide to the right direction, please?


    HTML Code:
    <!DOCTYPE HTML>
    <html>
    <head>
    <title></title>
        <style type="text/css">
            
            
            #div_01 {
        height: 215px;
        width: 200px;
                 }
                
            #div_01 a {
        height: 215px;
        width: 200px;
        background-color: #900;
        display: block;
                }
                
                
            #div_02 {
        height: 185px;
        width: 170px;
        background-color: #3F0;
        padding: 15px;
        display: none;
                }
    
     
        </style>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
        <script type="text/javascript">
     
    jQuery(function( $ ){
     
    var div_02 = $( "#div_02" );
     
     
    $( "a" ).mouseover(
    function( event ){
        
    event.preventDefault();
    
    if (div_02.is( ":visible" )){
     
    div_02.slideUp( 500 );
    } else {
    div_02.slideDown( 500 );
     
    }
    }
    );
    });        
     </script>
    
    </head>
    <body>
     
    <div id="div_01">
    <a href="#"></a>
    <div id="div_02">
    </div>
    </div>
    
      
    
    </body>
    </html>
    thanks in advance

  2.  

  3. #2
    Senior Member aeroweb99's Avatar
    Join Date
    Feb 2008
    Location
    Port Huron, Michigan
    Posts
    1,037
    Member #
    16468
    Liked
    1 times

  4. #3
    Junior Member
    Join Date
    Feb 2010
    Posts
    18
    Member #
    21141
    nope. doesn't help me very much

  5. #4
    Senior Member aeroweb99's Avatar
    Join Date
    Feb 2008
    Location
    Port Huron, Michigan
    Posts
    1,037
    Member #
    16468
    Liked
    1 times
    You should post this in the Javascript section and maybe have an example of what you need.


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 10:25 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com