collapse cell in jupyter notebook

Question

I am using ipython Jupyter notebook  Let s say I defined a function that occupies a lot of space on my screen  Is there a way to collapse the cell    I want the function to remain executed and callable  yet I want to hide   collapse the cell in order to better visualize the notebook  How can I do this

User · Answer

I had a similar issue and the  nbextensions  pointed out by  Energya worked very well and effortlessly  The install instructions are straight forward  I tried with anaconda on Windows  for the notebook extensions and for their configurator   That said  I would like to add that the following extensions should be of interest    Hide Input   This extension allows hiding of an individual codecell in a notebook  This can be achieved by clicking on the toolbar button   Collapsible Headings   Allows notebook to have collapsible sections  separated by headings  Codefolding   This has been mentioned but I add it for completeness

User · Answer

Firstly  follow Energya s instruction   pip install jupyter contrib nbextensions jupyter contrib nbextension install --user pip install jupyter nbextensions configurator jupyter nbextensions configurator enable --user   Second is the key  After opening jupiter notebook  click the Nbextension tab  Now Search  colla  from the searching tool provided by Nbextension not by the web browser   then you will find something called  Collapsible Headings   This is what you want

User · Answer

There are many answers to this question  all of which I feel are not satisfactory  some more than others   of the many extensions - code folding  folding by headings etc etc  None do what I want in simple and effective way  I am literally amazed that a solution has not been implemented  as it has for Jupyter Lab   In fact  I was so dissatisfied that I have developed a very simple notebook extension that can expand collapse the code in a notebook cell  while keeping it executable  The GitHub repository  https   github com BenedictWilkinsAI cellfolding Below is a small demo of what the extension does   Simply double clicking left of the code cell will collapse it to a single line   Double clicking again will expand the cell  The extension can be installed easily with pip  pip install nbextension-cellfolding jupyter nbextension install --py cellfolding --user jupyter nbextension enable --py cellfolding --user   and is also compatible with nbextension configurator  I hope that people will find this useful

User · Answer

JupyterLab supports cell collapsing  Clicking on the blue cell bar on the left will fold the cell

User · Answer

UPDATE  The newer jupyter-lab is a more modern and feature-rich interface which supports cell folding by default  See  intsco s answer below Original answer  The jupyter contrib nbextensions Python package contains a code-folding extension that can be enabled within the notebook  Follow the link  Github  for documentation  To install using command line  pip install jupyter contrib nbextensions jupyter contrib nbextension install --user  To make life easier in managing them  I d also recommend the jupyter nbextensions configurator package  This provides an extra tab in your Notebook interface from where you can easily  de activate all installed extensions  Installation  pip install jupyter nbextensions configurator jupyter nbextensions configurator enable --user

User · Answer

You don t need to do much except to enable the extensions   http   localhost 8888 nbextensions nbextension collapsible headings http   localhost 8888 nbextensions nbextension codefolding main     Most probable you will find all your extensions in here   http   localhost 8888 nbextensions

User · Answer

Create custom js file inside    jupyter custom  with following contents       lt style type  text css  gt   cell code cell collapse   max-height 30px  overflow hidden    lt  style gt    appendTo  head        prompt input prompt   on  click   function event        console log  CLICKED   arguments         var c     event target closest   cell code cell        if c hasClass  collapse              c removeClass  collapse          else           c addClass  collapse                After saving  restart the server and refresh the notebook  You can collapse any cell by clicking on the input label  In

User · Answer

You can create a cell and put the following code in it     html  lt style gt  div input       display none     lt  style gt    Running this cell will hide all input cells  To show them back  you can use the menu to clear all outputs    Otherwise you can try notebook extensions like below   https   github com ipython-contrib IPython-notebook-extensions wiki Home 3x

User · Answer

What I use to get the desired outcome is    Save the below code block in a file named toggle cell py in the same directory as of your notebook   from IPython core display import display  HTML toggle code str        lt form action  javascript code toggle    gt  lt input type  submit  id  toggleButton  value  Show Sloution  gt  lt  form gt       toggle code prepare str            lt script gt      function code toggle             if     div cell code cell rendered selected div input   css  display     none                   div cell code cell rendered selected div input   hide              else                  div cell code cell rendered selected div input   show                         lt  script gt        display HTML toggle code prepare str   toggle code str    def hide sloution        display HTML toggle code str      Add the following in the first cell of your notebook   from toggle cell import toggle code as hide sloution    Any cell you need to add the toggle button to simply call  hide sloution

User · Answer

There s also an improved version of Pan Yan suggestion  It adds the button that shows code cells back     html  lt style id hide gt div input display none   lt  style gt   lt button type  button   onclick  var myStyle   document getElementById  hide   sheet myStyle insertRule  div input display inherit  important     0    gt  Show inputs lt  button gt    Or python     Run me to hide code cells  from IPython core display import display  HTML display HTML r    lt style id hide gt div input display none   lt  style gt  lt button type  button onclick  var myStyle   document getElementById  hide   sheet myStyle insertRule  div input display inherit  important     0    gt Show inputs lt  button gt

User · Answer

As others have mentioned  you can do this via nbextensions  I wanted to give the brief explanation of what I did  which was quick and easy   To enable collabsible headings  In your terminal  enable install Jupyter Notebook Extensions by first entering   pip install jupyter contrib nbextensions   Then  enter   jupyter contrib nbextension install   Re-open Jupyter Notebook  Go to  Edit  tab  and select  nbextensions config   Un-check box directly under title  Configurable nbextensions   then select  collapsible headings

User · Answer

The hide code extension allows you to hide individual cells  and or the prompts next to them  Install as  pip3 install hide code   Visit https   github com kirbs- hide code  for more info about this extension

[python] collapse cell in jupyter notebook

Examples related to python

Examples related to ipython

Examples related to ipython-notebook

Examples related to jupyter