Jupyter Notebook: command for hide the output of a cell?

Add ; by the end of the cell to hide the output of that cell.

In the newer versions(5.0.0 at the time I'm writing this), pressing o in the command mode hides the output of the cell in focus. The same happens if you triple click in front of the output.

o is

• the first letter in the word "output" or
• lower case of 15th letter in the alphabet

You can add %%capture to the beginning of the cell.

Jupyter provides a magic cell command called %%capture that allows you to capture all of to outputs from that cell.

You can use it like this:

%%capture test print('test')

test.stdout => 'test\n'

https://ipython.readthedocs.io/en/stable/interactive/magics.html

In newer versions of Jupiter Notebook, select the desired cell, make sure you're in command mode and then on the menubar press Cell > Current Outputs. You have then three options:

• Toggle (press O in the command mode to apply the same effect)
• Toggle Scrolling (the default output)
• Clear (to clear the output all together)

Image to Menubar Options

Additionally, you can apply the same effect to all the cells in your document if you chose All Output instead of Current Output.

To prepend a cell from getting rendered in the output, in the notebook, by voilo or voila gridstack, just put in the first line of each cell to hide the output:

%%capture --no-display

reference in ipypthon documentation

Not exactly what you are after, but the effect might be good enough for your purposes:

Look into the %%capture magic (https://nbviewer.jupyter.org/github/ipython/ipython/blob/1.x/examples/notebooks/Cell%20Magics.ipynb). It lets you assign that cell output to a variable. By calling that variable later you could see the output.

Based on this, I just came up with this for myself a few minutes ago:

%%javascript

$('#maintoolbar-container').children('#toggleButton').remove()

var toggle_button = ("<button id='toggleButton' type='button'>Show Code</button>");
$('#maintoolbar-container').append(toggle_button);

var code_shown = false;

function code_toggle()
{

    if (code_shown)
    {
        console.log("code shown")
        $('div.input').hide('500');
        $('#toggleButton').text('Show Code');
    }
    else
    {
        console.log("code not shown")
        $('div.input').show('500');
        $('#toggleButton').text('Hide Code');
    }

    code_shown = !code_shown;
}

$(document).ready(function()
{
    code_shown=false;
    $('div.input').hide();
});

$('#toggleButton').on('click', code_toggle);

It does have a glitch: each time you run that cell (which I put at the top), it adds a button. So, that is something that needs to be fixed. Would need to check in the maintoolbar-container to see if the button already exists, and then not add it.

EDIT

I added the necessary piece of code:

$('#maintoolbar-container').children('#toggleButton').remove()

You can use the notebook utils from https://github.com/google/etils:

!pip install etils[ecolab]

from etils import ecolab

with etils.collapse():
  print('This content will be hidden by default')

It will capture the stdout/stderr output and display it a some collapsible section.

Internally, this is more or less equivalent to:

import contextlib
import html
import io
import IPython.display


@contextlib.contextmanager
def collapse(name: str = ''):
  f = io.StringIO()
  with contextlib.redirect_stderr(f):
    with contextlib.redirect_stdout(f):
      yield
  name = html.escape(name)
  content = f.getvalue()
  content = html.escape(content)
  content = f'<pre><code>{content}</code></pre>'
  content = IPython.display.HTML(
      f'<details><summary>{name}</summary>{content}</details>')
  IPython.display.display(content)

The section is collapsed by default, but I uncollapsed it for the screenshot.

Double click on left part of output of jupyter notebook cell.

For Windows, in Jupyter Notebook, click the cell whose output you want to hide. Click Esc + o for toggling the output

So I totally understand. When you have like 100 different plot and when you do the "Restart & Run All" those ugly plots all show up again

what you can do is ctrl+A and press o it will all of a sudden hide all your cells!!! For you to collapse automatically, you may need to use JupyterLab (another level after JupyterNotebook) but still, by doing ctrl+A then o you will be able to collapse all the results!!!

ctrl+A --> select ALL (make sure to click outside of coding box before you do it!)
o --> toggle collapse

Also you can right click the cell, and then press "Clear outputs"

If you don't mind a little hacking, then you may write a simple script for inverting the "collapsed" attribute of each cell from false to true in the notebook .ipynb file (which is a simple JSON file). This is however may fail in the future if a the .ipynb format changes.