With Angular 4.1 it is now possible to create specific route animations. This is different from triggering an animation when a component is displayed because it will let you animate the entering/leaving component at the same time for a smooth transition, and let you modify the transition depending on which component is coming or going. … Read more
Unfortunately there is no ready made ‘horizontal’ slide animation with jQuery. Unless you go with bigger packages like jQuery UI. But I don’t think that is needed. The only thing you want is some creative use of the animate() function in jQuery to achieve an effect. I didn’t know which one you’d want to go … Read more
From another post, there was a link to this Google Code : https://gist.github.com/2980593 Which come from this Google+ post : https://plus.google.com/u/0/113735310430199015092/posts/Fgo1p5uWZLu . This is a Swipe-To-Dismiss functionality. From this you can provide your own Swipe-To-Action code. So here is my version, were I can personalize the left and right action and you can triggered the … Read more
You can store the height just before slimming it down to 30px on page load, for example: $(“.expand”).each(function() { $.data(this, “realHeight”, $(this).height()); }).css({ overflow: “hidden”, height: “30px” }); Then in your click handler: $(“h2”).toggle(function() { var div = $(this).next(“.expand”) div.animate({ height: div.data(“realHeight”) }, 600); }, function() { $(this).next(“.expand”).animate({ height: 30 }, 600); }); So what … Read more
he slides a panel (with his content) to the left so the panel on the right replaces it with a smooth effect You question mentions you want the panel to “slide”, but the code looks like you are trying to get the panel to “shrink”, so it is replaced by another panel. Assuming you have … Read more
Description You can do this using jQuery.offset() and jQuery.animate(). Check out the jsFiddle Demonstration. Sample function scrollToAnchor(aid){ var aTag = $(“a[name=””+ aid +””]”); $(‘html,body’).animate({scrollTop: aTag.offset().top},’slow’); } scrollToAnchor(‘id3’); More Information jsFiddle Demonstration jQuery.offset() jQuery.animate()
i have no idea why am i answering this …. you should seriously , learn how to ask question in stackoverflow first.. looks like this is you first time.. but anyways….what you need is $.animate() Perform a custom animation of a set of CSS properties. $(‘#divID’).animate({ left: ‘0’ }, 5000);