ScrollMagic. Add class to two elements

Question

I'm trying to set visible class to element .wordpress and .wordpress-txt

For one element, this work:

      var sunScene = new ScrollMagic.Scene({
        triggerElement: 'body',
        triggerHook: 0.5,
        offset: 1000,
        duration: '1000px'
      })
      .setClassToggle(".wordpress", "visible")
      .addTo(controller);

For two elements, desn't work (only works second element .wordpress-txt):

      var sunScene = new ScrollMagic.Scene({
        triggerElement: 'body',
        triggerHook: 0.5,
        offset: 1000,
        duration: '1000px'
      })
      .setClassToggle(".wordpress", "visible")
      .setClassToggle(".wordpress-txt", "visible")
      .addTo(controller);

With jQuery selector, doesn't work neither:

      var wordpressE = $('.wordpress', '.wordpress-txt')
      var sunScene = new ScrollMagic.Scene({
        triggerElement: 'body',
        triggerHook: 0.5,
        offset: 1000,
        duration: '1000px'
      })
      .setClassToggle(wordpressE, "visible")
      .addTo(controller);

How can I add the class to both elements? Thank you in advance

`.setClassToggle(".wordpress, .wordpress-txt", "visible")` have you tried this? — Jai, Jan 12 '17 at 10:25
`var wordpressE = $('.wordpress', '.wordpress-txt')` surely this would error as the syntax suggests that find `.wordpress` in `.wordpress-txt` element. Instead you can use group selector: `var wordpressE = $('.wordpress, .wordpress-txt')` — Jai, Jan 12 '17 at 10:26
First solution, works. Second, doesn't. Thanks a lot to both ;) — aitor, Jan 12 '17 at 10:32

score 4 · Accepted Answer · answered Jan 12 '17 at 10:39

4

Instead you have to pass a group selector in the method:

.setClassToggle(".wordpress, .wordpress-txt", "visible")

answered Jan 12 '17 at 10:39

Jai

74,255
12
74
103

ScrollMagic. Add class to two elements

1 Answers1