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 2 of 2

Thread: slideToggle

  1. #1
    New to the CF scene
    Join Date
    Oct 2009
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    slideToggle

    Hi,

    I am using this jquery sliding menu

    http://www.webresourcesdepot.com/sli...u-with-jquery/

    Its working on onclick event.I wanted to make it to a mouseover/mouseout

    there is a commetns saying use slideToggle()

    But I am not sure how do I do that.I hope this is the place it edit.

    <script type="text/javascript">
    $(document).ready(function() {
    $(".topMenuAction").mouseover( function() {
    if ($("#openCloseIdentifier").is(":hidden")) {
    $("#slider").animate({
    marginTop: "-210px"
    }, 500 );
    $("#topMenuImage").html('<img src="open.png"/>');
    $("#openCloseIdentifier").show();
    } else {
    $("#slider").animate({
    marginTop: "0px"
    }, 500 );
    $("#topMenuImage").html('<img src="open.png"/>');
    $("#openCloseIdentifier").hide();
    }
    });

    });

    </script>


    Anyboday can help me
    Thanks in advanced

  • #2
    New to the CF scene
    Join Date
    Oct 2009
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Hover menu

    Please see the changes I have done

    Code:
        <script type="text/javascript">
        
    $(document).ready(function() {
    		$(".topMenuAction").mouseover( function() {
    			if ($("#openCloseIdentifier").is(":hidden")) {
    				$("#slider").animate({ 
    					marginTop: "-210px"
    					}, 500 );
     				$("#openCloseIdentifier").show();
    			} else {
    				$("#slider").animate({ 
    					marginTop: "0px"
    					}, 500 );
     				$("#openCloseIdentifier").hide();
    			}
    			 
    		});
    		  
    	});
    	
    
        </script>
    Please see the attached file.This yellow menu positioned right top corner of the page.when mouse over it its showing (like the image)

    but when I mouse out from yellow color area its again not hiding again.Its only hiding if I move my mouse over the arrow (see the image).

    Please show whats wrong in my code
    Thanks



  •  

    Posting Permissions

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