www.webdeveloper.com
Results 1 to 2 of 2

Thread: jQuery to 'slide' or 'fade' image to reveal accordion

Hybrid View

  1. #1
    Join Date
    Oct 2007
    Posts
    15

    jQuery to 'slide' or 'fade' image to reveal accordion

    Here's what I'm trying to do...

    http://newwebdesign.com/newsite/

    Mouseover the main image and you can see -- and use -- the accordion.
    Here's the code...

    Code:
    <div id="accordion" onmouseover="document.getElementById('overlay').style.top='-384px'" onmouseout="document.getElementById('overlay').style.top='0'">
    
    #overlay {
    	position:absolute;
    	width:779px;
    	height:384px;
    	background:url('images/accord_overlay.png');
    	z-index:1000;
    }
    Can I use jQuery to gradually 'dispose' of the image, rather than have it disappear/reappear instantly?

    And still have the accordion layer be accessible, not just visible?

    Grateful for any help!

  2. #2
    Join Date
    May 2006
    Location
    Somewhere behind your screen
    Posts
    1,671
    try animate()

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles