slide

jQuery UI slide effect on mouseenter

I've been at this for a couple of days now, so any help would be much appreciated. I've got a link which contains two divs sitting on top of each other. The top div is hidden, but slides in to partially cover the bottom div on mouseenter, and then out again on mouseleave. It is working to a degree, but is a bit buggy. This is what I have...

jquery image slide

here is the test page http://www.studioteknik.com/html/test-portfolio.html I got no error, but no hover-slide effect... any clue anyone ? Update, molf have fix the problem, that was the absolute position that did the trick.. but, now, when the text show up, the link underneath is NOT CLIKABLE the corrected page is here : http://...

How can I add link-specific scrolling animations, horizontal and vertical, using jQuery?

I've got this script on my website: $(document).ready(function() { function filterPath(string) { return string .replace(/^\//,'') .replace(/(index|default).[a-zA-Z]{3,4}$/,'') .replace(/\/$/,''); } $('[href*=#]').each(function() { if ( (filterPath(location.pathname) == filterPath(this.pathname)) &&...

Sliding Panels activated by Links

I have three links. I want each link to control a separate DIV (I guess within a container DIV). So when you open the page you have DIV-1, then you can click on the link for DIV-2 or 3 and the view will slide or scroll to that DIV. How is this possible in jQuery? I've tried scrollleft to no avail. Thanks in advance, Stu ...

jquery show slide bug

The desired effect is for the panel to change depending on which #button you click on. This works fine. The only problem I have noticed is that no matter what #button you click, the settings panel is the one that slides by. I tried to have a global var and store the prev panel, but that was not working at all. I believe the problem l...

jQuery.each() trouble

I will try to keep this short. I'm trying to create boxes of text that hide or show when user clicks on a expand button. I'm using the toggle() method. The markup is like this: <span id="toggle0">+</span> <div id="toggle0Container"> blablabla... <div> <span id="toggle1">+</span> <div id="toggle1Container"> blablabla... <div> ...

jQuery: sliding panels one after the other

Hi guys, I know this is a simple one for some of you, so please help me out! I have 3 panels (divs) which I want to slide one after the other from clicking a button. Sliding one panel is easy but how to slide multiple divs in order? Thanks. ...

JQuery closest() help

So I have several containers with this markup on a page: <div class="box w400"> <div class="box-header"> <span class="expand-collapse">expand/collapse</span> <h3>Heading</h3> </div> <div class="box-content"> <p>Some content here...</p> ...

Why does MooTools remove the margin when creating an instance of Fx.Slide?

I have a <div> with the CSS rule margin: 0 auto; and I'm using MooTools to slide it when necessary. It seems that the mere instantiation of an Fx.Slide object removes the margin on my element. That is, whereas the element used to be centered inside its parent, it is now left-aligned. Just this line alone seems to do this: var slide = n...

Javascript Menu

I am working on a page, which has a link which reads "update". When users click this link, I would like a form to use a slide effect and appear underneath the link. When the form is submitted, it updates the db, and the menu vansihes. I know this can be done with javascript, but I am not sure how to implement it. Much thanks ...

jQuery div visibility toggle not working

I have several divs for displaying demo boxes of graphics, and code boxes for displaying sample code for using the graphics. What I want to do is make the code boxes invisible until you click on the demo box - which should make the code box slide into view. (See here to see how it looks) This should be super simple with jQuery, as I've ...

Open view with slide effect from bottom to top on iPhone

Hi all! I'm making an application for iPhone (which runs in landscape mode) (OS 3.0), and I want that when I touch a toolbar button it opens a view with a slide effect (similar to the effect when you touch 'Bookmarks' in Mobile Safari's toolbar) from the bottom to the top of the screen. The view is in the same XIB file as the button. H...

How to replace slide effect to fade out/fade in effect on this slideshow?

Hi guys! I need replace slide effect to fade-out/fade-in effect on the prev and next slide functions: function animate(dir,clicked){ u = true; switch(dir){ case 'next': t = t+1; m = (-(t*w-w)); current(t); if(o.autoHeight){autoHeight(t);} if(s<3){ ...

How to prevent SlideToggle function queue?

Case: Jquery code manage a sliding EM tag (with slideToggle function) for its appearing on hover. Problem: The slideToggle sometimes queue the hover state. I referred to this article: http://www.learningjquery.com/2009/01/quick-tip-prevent-animation-queue-buildup I tried to insert stop() function, but this not affect slideToggle(); But...

Expression blend 3 Sliding content?

Hi I'm trying to create an effect whereby when I click an arrow my content slides to the left and dissapears thus leaving an new set of content in its place. Much like the way wp-coda works http://wordpress.bustatheme.com/coda/, but i wan to do this in expression blend which uses silverlight. Thanks Judi ...

How to draw borders around slides in latex beamer handouts

I am using the LaTeX beamer package. How do I draw a border around each slide when I use the handout format (eg. {4 on 1}). I would like to have something silmilar to the "-d" option available in Unix "psnup" which I used with my old seminar style slides and PostScript output. ...

Expression blend slide effect? (silverlight slideshow)

Hi I'm trying to create a slider effect with images an text within it, much like http://www.silverlightshow.net/items/Image-slider-control-in-Silverlight-1.1.aspx I'm a designer so would prefer to use Blend entirely rather than dip into any of the code. Would be great if there is some sort of behavior for this? I'm currently using t...

Simple jQuery Hover Menu

This looks really bloated, can it be rewritten any better/more compact: $("#cart-summary").hover( function () { $('.flycart').slideDown('fast'); } ); $(".flycart").hover( function () {}, // mousein function not required function () { // hide menu on mouseout $('.flycart').slideUp('fast'); ...

jQuery image zoom with slider

Does anybody know of a jQuery plugin that can do something like this: http://www.endclothing.co.uk/catalog/product/view/id/5599/s/nike-leather-blazer-vintage-pre-order/category/4/ Im at a dead end. Thanks, A. ...

How to use jquery to have hidden menu drop down at top of page?

I've seen this done before, but I'm not sure how. When my page loads, I want a hidden section to drop down at the top of the page (probably around 100 pixels in height). Ideally, I'd like it to shift the entire page down as well (as opposed to appearing on top of the page). At the top corner of the secret area should be a 'Close' butto...