Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...

Faction Ryan

Members
  • Content Count

    8
  • Joined

  • Last visited

Community Reputation

0 Newbie

About Faction Ryan

  • Rank
    Newbie
  1. It appears the kill() method does not work either.
  2. Rodrigo has the problem exactly. I've tried using Isotope's reLayout() and updateSortData() methods but, as Rodrigo states, Isotope is behaving as expected. If I can remove the DOM elements and "reset" them I think that would solve the problem. I'm assuming using the kill() method would accomplish this. I'll give it a go and report back. Thanks to everyone for continuing to lend a hand!
  3. I did try adding those lines -- they successfully prevent the elements from being re-animated back in (step 3 of my previous post) -- but Isotope still thinks they take up space, so there are empty gaps where the hidden tiles are, instead of the filtered tiles being nicely stacked near each other. I'm not looking for an answer to this anymore as I think it's mostly an Isotope issue, and a difficult to reproduce bug. Thanks anyway!
  4. Thanks to you both for your answers. Unfortunately, my situation is more complicated than my small code snippet let on. I encourage you to visit factionmedia.com to see the problem in action. To replicate, follow these steps: Scroll to the "Work" section, and filter on "Media" Scroll back to the top (don't click the links on the left; just scroll to the top) Scroll back down to the work section (again, without clicking the left side links) You'll see that all of the isotopes animate in, including the ones that were filtered out. The timeline that controls the animation is set on document read
  5. I'm using TweenMax in conjunction with the jQuery Isotope plugin. Isotope lets you filter by clicking an anchor element. Elements that are filtered out get a class of "isotope-hidden". This class does not exist when the page is rendered, and is added after the fact, when a user clicks a filter. I currently have this code: jQuery( '.isotope' ).not( '.isotope-hidden' ).each( function() { timeline.add( TweenMax.staggerFrom( .... ) ); } ); I'm using TweenMax in conjunction with the Super Scrollorama plugin, so that when users scroll up and down the page,
  6. Hi Jack, I'm working with this plugin to animate some :before and :after borders, and am having trouble getting the plugin to work on a specific element that had a class applied dynamically with jQuery. My situation is this: I have a gallery of photos. Clicking on a photo should animate just that photo's container (which has the :before and :after pseudo elements). I'm able to animate all photo containers at once, but not just the container clicked. I get the error Uncaught TypeError: Cannot call method 'split' of undefined. Here is my code: $( '.hexagon' ).click( function() {
  7. Thank you both for your detailed and thoughtful answers. I appreciate you taking the time to create working examples! Bassta, your Fiddle was exactly what I needed. Rodrigo, your Codepen introduced me to AutoAlpha, which prevented me from asking a follow up -- how do I hide the animations until they are ready? Things are working great now, thanks!
  8. I'm new to GSAP and really like it so far. I have one challenge that I think could be easily solved by SplitText, but unfortunately my company isn't interested in going the membership route. Is there an alternative to achieving the same thing? I have a parent element with a header and a variable amount of paragraphs. I'd like to animate the header, then each paragraph in turn. That is, once the first paragraph is finished animating, the second paragraph starts animating. When the 2nd paragraph is finished, the 3rd starts animating, and so on. Here is some sample HTML: <article>
×