{"action":"opened","issue":{"url":"https://api.github.com/repos/janpaepke/ScrollMagic/issues/383","labels_url":"https://api.github.com/repos/janpaepke/ScrollMagic/issues/383/labels{/name}","comments_url":"https://api.github.com/repos/janpaepke/ScrollMagic/issues/383/comments","events_url":"https://api.github.com/repos/janpaepke/ScrollMagic/issues/383/events","html_url":"https://github.com/janpaepke/ScrollMagic/issues/383","id":102818389,"number":383,"title":"Several Scenes with same trigger - ok?","user":{"login":"ursbraem","id":1446443,"avatar_url":"https://avatars.githubusercontent.com/u/1446443?v=3","gravatar_id":"","url":"https://api.github.com/users/ursbraem","html_url":"https://github.com/ursbraem","followers_url":"https://api.github.com/users/ursbraem/followers","following_url":"https://api.github.com/users/ursbraem/following{/other_user}","gists_url":"https://api.github.com/users/ursbraem/gists{/gist_id}","starred_url":"https://api.github.com/users/ursbraem/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ursbraem/subscriptions","organizations_url":"https://api.github.com/users/ursbraem/orgs","repos_url":"https://api.github.com/users/ursbraem/repos","events_url":"https://api.github.com/users/ursbraem/events{/privacy}","received_events_url":"https://api.github.com/users/ursbraem/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2015-08-24T15:22:47Z","updated_at":"2015-08-24T15:22:47Z","closed_at":null,"body":"Hi Jan\r\n\r\nfinally, I get to use ScrollMagic and also understood triggerElement and triggerHook.\r\nNow I want to toggle classes on two elements, happening on the same trigger situation.\r\n\r\nI think it's not possible to pipe two `setClassToggle` actions, right?\r\n\r\nSo this won't work:\r\n````\r\n    var moveMainnavScene = new ScrollMagic.Scene({triggerElement: \"#page-intro\",triggerHook:0.75,offset:0})\r\n          .setClassToggle(\"#mainnav\", \"absolute\") // add class toggle\r\n          .setClassToggle(\"#mainnav-logo\", \"show\") // add class toggle\r\n          .addIndicators({name: \"text appearing\"}) // add indicators (requires plugin)\r\n          .addTo(controller);\r\n````\r\n\r\nNow I can do this:\r\n\r\n````\r\n    var moveMainnavScene = new ScrollMagic.Scene({triggerElement: \"#page-intro\",triggerHook:0.75,offset:0})\r\n          .setClassToggle(\"#mainnav\", \"absolute\") // add class toggle\r\n          .addIndicators({name: \"text appearing\"}) // add indicators (requires plugin)\r\n          .addTo(controller);\r\n\r\n    var showLogoScene = new ScrollMagic.Scene({triggerElement: \"#page-intro\",triggerHook:0.75,offset:0})\r\n              .setClassToggle(\"#mainnav-logo\", \"show\") // add class toggle\r\n              .addIndicators({name: \"text appearing\"}) // add indicators (requires plugin)\r\n              .addTo(controller);\r\n\r\n````\r\n\r\nThat's fine for me, but from a performance POV, would it be (relevantly) better to add some extra classes to the markup and then do it with one single scene, something like:\r\n\r\n````\r\n    var moveMainnavScene = new ScrollMagic.Scene({triggerElement: \"#page-intro\",triggerHook:0.75,offset:0})\r\n          .setClassToggle(\".moveMainnavSceneElement\", \"inScene\") // add class toggle\r\n          .addIndicators({name: \"text appearing\"}) // add indicators (requires plugin)\r\n          .addTo(controller);\r\n````\r\n\r\n... would that be definitely recommended or doesn't matter?"}}