Results 1 to 2 of 2

Thread: Not Slide Down

  1. #1
    Join Date
    Mar 2010
    Location
    Florida
    Posts
    512
    Thanks
    9
    Thanked 61 Times in 59 Posts

    Default Not Slide Down

    Currently I am trying to make a unique slider that will slide down a div item with the id bce_slider once you mouse over an li. Also, if you move your mouse over to bce_slider it will not disappear. However if you mouseleave/mouseout the #nav>li or #bce_slider then #bce_slider should slide away.
    Here is my the issue with the code:
    Code:
    $(document.body).on('mouseout',':not('+a.id+' *, #bce_slider)',function(e){
    		$('#'+a.sliderId).html('')
    		$('#'+a.sliderId).stop().animate({
    				height:'0px'
    			},300)
    			
    	})
    Here is the URL:
    http://thebcelements.com/dhtml/slider/slide.htm

    Anyways, thanks in advance!
    Last edited by Deadweight; 04-29-2014 at 12:45 AM.
    -DW [Deadweight]
    Resolving your thread: First Post: => EDIT => Lower right: => GO ADVANCED => Top Advance Editor drop down: => PREFIX:Resolved

  2. #2
    Join Date
    Mar 2010
    Location
    Florida
    Posts
    512
    Thanks
    9
    Thanked 61 Times in 59 Posts

    Default

    I actually fixed this on my own
    My solution:
    Code:
    $(function(){
    	menuSlider({
    		id: '#nav',
    		slideLocation: '#mainBody',
    		sliderId: 'bce_slider'
    	})
    
    })
    var h
    function menuSlider(a){
    	var ihtml = $(a.slideLocation).html()
    	$(a.slideLocation).html('<div id="'+a.sliderId+'"></div><div class="newBody">'+ihtml+'</div>')
    	var loc = -1
    	var i = -1;
    	
    	$('#nav *, #bce_slider, #bce_slider *').mouseenter(function(){
    		if($(this).parent().attr('id')=='nav'){
    			i = $(this).index()
    		}
    		
    		var h = $(a.id+'Zone>li').eq(i).html()
    		var hh = getHeight(h)
    		var hhh = $('#'+a.sliderId).height()
    		$('#'+a.sliderId).html(h)
    		$('#'+a.sliderId).stop().animate({
    				height:hh+'px'
    			},300)
    		dev(h)
    	}).mouseleave(function() {
            $('#'+a.sliderId).html('')
    		$('#'+a.sliderId).stop().animate({
    				height:'0px'
    			},300)
        })
    }
    -DW [Deadweight]
    Resolving your thread: First Post: => EDIT => Lower right: => GO ADVANCED => Top Advance Editor drop down: => PREFIX:Resolved

Similar Threads

  1. Ultimate Fade-In Slide Show - Audio file with each slide
    By gary.mcgill in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 02-26-2014, 01:22 PM
  2. Ultimate Fade-In Slide Show - Advance slide on mouse click
    By gary.mcgill in forum Dynamic Drive scripts help
    Replies: 3
    Last Post: 02-24-2014, 12:14 PM
  3. Omni Slide Menu does not slide out on smart phone
    By paulzab in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 06-01-2012, 06:16 AM
  4. Replies: 5
    Last Post: 08-03-2011, 03:12 PM
  5. Start at middle of a slide show & Mouseover Slide Message
    By Chaim in forum Looking for such a script or service
    Replies: 0
    Last Post: 09-13-2009, 10:31 PM

Bookmarks

Posting Permissions

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