{"action":"created","issue":{"url":"https://api.github.com/repos/hakimel/reveal.js/issues/1331","labels_url":"https://api.github.com/repos/hakimel/reveal.js/issues/1331/labels{/name}","comments_url":"https://api.github.com/repos/hakimel/reveal.js/issues/1331/comments","events_url":"https://api.github.com/repos/hakimel/reveal.js/issues/1331/events","html_url":"https://github.com/hakimel/reveal.js/issues/1331","id":101662205,"number":1331,"title":"Combination of highlight-current and hidden start","user":{"login":"JeroenDeDauw","id":146040,"avatar_url":"https://avatars.githubusercontent.com/u/146040?v=3","gravatar_id":"","url":"https://api.github.com/users/JeroenDeDauw","html_url":"https://github.com/JeroenDeDauw","followers_url":"https://api.github.com/users/JeroenDeDauw/followers","following_url":"https://api.github.com/users/JeroenDeDauw/following{/other_user}","gists_url":"https://api.github.com/users/JeroenDeDauw/gists{/gist_id}","starred_url":"https://api.github.com/users/JeroenDeDauw/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/JeroenDeDauw/subscriptions","organizations_url":"https://api.github.com/users/JeroenDeDauw/orgs","repos_url":"https://api.github.com/users/JeroenDeDauw/repos","events_url":"https://api.github.com/users/JeroenDeDauw/events{/privacy}","received_events_url":"https://api.github.com/users/JeroenDeDauw/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":3,"created_at":"2015-08-18T13:59:19Z","updated_at":"2015-08-20T22:36:17Z","closed_at":null,"body":"Is it possible to get the transitions as on [this page](http://jeroendedauw.github.io/slides/craftmanship/components/#/1/3) without modifying reveal.css?"},"comment":{"url":"https://api.github.com/repos/hakimel/reveal.js/issues/comments/133203399","html_url":"https://github.com/hakimel/reveal.js/issues/1331#issuecomment-133203399","issue_url":"https://api.github.com/repos/hakimel/reveal.js/issues/1331","id":133203399,"user":{"login":"JeroenDeDauw","id":146040,"avatar_url":"https://avatars.githubusercontent.com/u/146040?v=3","gravatar_id":"","url":"https://api.github.com/users/JeroenDeDauw","html_url":"https://github.com/JeroenDeDauw","followers_url":"https://api.github.com/users/JeroenDeDauw/followers","following_url":"https://api.github.com/users/JeroenDeDauw/following{/other_user}","gists_url":"https://api.github.com/users/JeroenDeDauw/gists{/gist_id}","starred_url":"https://api.github.com/users/JeroenDeDauw/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/JeroenDeDauw/subscriptions","organizations_url":"https://api.github.com/users/JeroenDeDauw/orgs","repos_url":"https://api.github.com/users/JeroenDeDauw/repos","events_url":"https://api.github.com/users/JeroenDeDauw/events{/privacy}","received_events_url":"https://api.github.com/users/JeroenDeDauw/received_events","type":"User","site_admin":false},"created_at":"2015-08-20T22:36:17Z","updated_at":"2015-08-20T22:36:17Z","body":"For the 3.1.0 release, the following works, though is not ideal:\r\n\r\n```\r\n<style>\r\n.reveal .slides section .fragment.initially-hidden {\r\n                visibility: hidden;\r\n            }\r\n</style>\r\n\r\n        <script>\r\n            Reveal.addEventListener( 'fragmentshown', function( event ) {\r\n                if ( event.fragment.classList.contains( 'initially-hidden' ) ) {\r\n                    event.fragment.style.visibility = 'visible';\r\n                }\r\n            } );\r\n            Reveal.addEventListener( 'fragmenthidden', function( event ) {\r\n                if ( event.fragment.classList.contains( 'initially-hidden' ) ) {\r\n                    event.fragment.style.visibility = 'hidden';\r\n                }\r\n            } );\r\n        </script>\r\n```\r\n\r\n```\r\n<section>\r\n    <h3>Benefits of components</h3>\r\n    <p class=\"fragment highlight-current-green initially-hidden\">Separation of concerns</p>\r\n    <p class=\"fragment highlight-current-green initially-hidden\">Reusability</p>\r\n    <p class=\"fragment highlight-current-green initially-hidden\">Encapsulation</p>\r\n    <p class=\"fragment highlight-current-green initially-hidden\">Substitutability</p>\r\n    <p class=\"fragment highlight-current-green initially-hidden\">Independently deployable</p>\r\n    <p class=\"fragment highlight-current-green initially-hidden\">Independently developable</p>\r\n    <p class=\"fragment highlight-current-green initially-hidden\">Divide and conquer</p>\r\n</section>\r\n```\r\nDownsides: You need to add this stuff, and there is a visible lag when going backwards though the list."}}