如何隐藏代码并重新运行Jupyter笔记本中的所有单元格？

Question

我想在Jupyter Notebook的开头添加某种功能，以隐藏/显示所有单元格并重新运行所有单元格。我最后想要的是一组图表，当所有单元格都重新运行时会刷新。

---

详细信息和我尝试过的操作：

帖子IPython - Run all cells below from a widget显示了如何添加按钮以重新运行下面的所有单元格。还有帖子How to hide code from cells in ipython notebook visualized with nbviewer?。在两个不同的单元格中进行此设置后，我得到以下结果：

当单元折叠时，它看起来像这样：

这很好用，但是我真的很好奇是否可以格式化按钮，使它们看起来一样。也许可以将它们作为同一单元的输出进行对齐？我试图通过在同一个单元格中包含两个摘要来做到这一点，但是现在看来Hide button被Refresh button覆盖了：

代码段1：

from IPython.display import HTML

HTML('''<script>
  function code_toggle() {
    if (code_shown){
      $('div.input').hide('500');
      $('#toggleButton').val('Show code')
    } else {
      $('div.input').show('500');
      $('#toggleButton').val('Hide code')
    }
    code_shown = !code_shown
  }

  $( document ).ready(function(){
    code_shown=false;
    $('div.input').hide()
  });
</script>
<form action="javascript:code_toggle()"><input type="submit" id="toggleButton" value="Show code"></form>''')

from IPython.display import Javascript, display
from ipywidgets import widgets

def run_all(ev):
    display(Javascript('IPython.notebook.execute_cells_below()'))

button = widgets.Button(description="Refresh")
button.on_click(run_all)
display(button)

现在我结束了：

输出1：

有人知道如何使它更加优雅吗？

Answer 1

我真的希望有人能够提供更好的答案，但是经过数小时的尝试和失败，我发现了这一点：

只需将问题中两个片段的一部分混合在一起，就可以以与Refresh button相同的格式设置Hide Code buttion：

输出/笔记本视图：

但这仍然需要两个不同单元格中的两个代码段，以及第三个单元格中的一些测试代码：

单元格/摘录1：

from IPython.display import HTML

HTML('''<script>
  function code_toggle() {
    if (code_shown){
      $('div.input').hide('500');
      $('#toggleButton').val('Display code')
    } else {
      $('div.input').show('500');
      $('#toggleButton').val('Hide Code')
    }
    code_shown = !code_shown
  }

  $( document ).ready(function(){
    code_shown=false;
    $('div.input').hide()
  });
</script>
<form action="javascript:code_toggle()"><input type="submit" id="toggleButton" value="Display code"></form>''')

单元格/摘录2：

HTML('''<script>

</script>
<form action="javascript:IPython.notebook.execute_cells_below()"><input type="submit" id="toggleButton" value="Refresh"></form>''')

单元格/摘要3：

try: x
except NameError: x = None

if x is None:
    x = 0
    print(x)
else:
    x = x + 1
    print(x)

但是，我仍然不能很好地并排显示两个按钮，并且当我按下Refresh时，屏幕会闪烁。