reveal.js

Say I have a simple reveal.js slide like this: <section> <h2 class="fragment" data-fragment-index="1">first</h2> <h2 class="fragment" data-fragment-index="2">second</h2> <h2 class="fragment" data-fragment-index="1">first</h2> </section> I want the two "first" to be shown only in fragment 1 and then go back hidden in fragment 2, when "second" appears. How should I do that? The current-visible class is what you're looking for, see the doc on fragments: https://github.com/hakimel/reveal.js/#fragments For a demonstration of this class, see the general reveal.js demo: http://lab.hakim.se/reveal-js/

I want to print my jupyter notebook and share the hardcopy with non-programmer coworkers. What I have done so far: I've figured out the way to hide the code : How to hide code from cells in ipython notebook visualized with nbviewer? I've figre out the way to convert the notebook to slides(html) Is there a way to print a jupyter/ipython notebook slide presentation? This post also suggests how to convert the html to pdf. My question: How to put a page break to specify the contents on each pdf page? Once I convert the slides(html) to pdf, the text and graph is not at the expected location in pdf.