Hide input cells

[ellisonbg]

I plan on implementing the hiding of input cells. Might not happen for 4.1, but I will be optimistic for now.

[dsblank]

Woot!

BTW, I like our variation of making a Tabbed Input/Output cell [1] such that you can see the code in the Input tab, but defaults to showing the Output tab initially. Also can display the input next to output.

[1] - https://www.youtube.com/watch?t=19&v=WwoTzvOkEJQ

[ellisonbg]

I can imagine that this view would be useful sometimes. But initially this
will be as simple as possible - possibly without UI (just in the command
palette).

On Tue, Oct 6, 2015 at 4:02 PM, Doug Blank notifications@github.com wrote:

Woot!

BTW, I like our variation of making a Tabbed Input/Output cell [1] such
that you can see the code in the Input tab, but defaults to showing the
Output tab initially. Also can display the input next to output.

[1] - https://www.youtube.com/watch?t=19&v=WwoTzvOkEJQ

—
Reply to this email directly or view it on GitHub
#534 (comment).

Brian E. Granger
Associate Professor of Physics and Data Science
Cal Poly State University, San Luis Obispo
@ellisonbg on Twitter and GitHub
bgranger@calpoly.edu and ellisonbg@gmail.com

[akhmerov]

Would it be possible to expose the JS so that it survives nbconvert? Otherwise any derived materials would need to re-implement show/hide machinery.

I'm also 👍 on the possibility of switching input on one cell only, imagine publishing lecture materials in a non-programming course, where you only might want to check how a particular thing is produced.

[Saynah]

Here's a snipped that works for me if I run as HTML in the 1st cell.

<script>
    var code_show=true; //true -> hide code at first

    function code_toggle() {
        $('div.prompt').hide(); // always hide prompt

        if (code_show){
            $('div.input').hide();
        } else {
            $('div.input').show();
        }
        code_show = !code_show
    }
    $( document ).ready(code_toggle);
</script>

Here's the button.

<a href="javascript:code_toggle()">[Toggle Code]</a>

[ecollins]

I just signed in to thank @Saynah for that great hack. I don't use Jupyter specifically because it doesn't have cell folding, but this is the closest I've found so far.