diff --git a/IPython/frontend/html/notebook/static/css/celltoolbar.css b/IPython/frontend/html/notebook/static/css/celltoolbar.css
index e5cf0a1..9c2c4f7 100644
--- a/IPython/frontend/html/notebook/static/css/celltoolbar.css
+++ b/IPython/frontend/html/notebook/static/css/celltoolbar.css
@@ -27,7 +27,10 @@
display: none;
}
-.ctb_show.ctb_hideshow {
+/*ctb_show is added to either body or the ctb_hideshow div to show
+all or one cell's toolbars.
+*/
+.ctb_show.ctb_hideshow, .ctb_show .ctb_hideshow {
display: block;
}
diff --git a/IPython/frontend/html/notebook/static/js/celltoolbar.js b/IPython/frontend/html/notebook/static/js/celltoolbar.js
index 8a507a4..6e96043 100644
--- a/IPython/frontend/html/notebook/static/js/celltoolbar.js
+++ b/IPython/frontend/html/notebook/static/js/celltoolbar.js
@@ -62,6 +62,11 @@ var IPython = (function (IPython) {
}
})
+ // The default css style for the outer celltoolbar div
+ // (ctb_hideshow) is display: none. We add the ctb_show
+ // class to either 1) the body to show all cell's toolbars
+ // or 2) to the individual celltoolbar divs to show just one
+ // cell's toolbar.
CellToolbar.global_hide = function () {
$('body').removeClass('ctb_show');
@@ -71,7 +76,8 @@ var IPython = (function (IPython) {
CellToolbar.global_show = function () {
$('body').addClass('ctb_show');
}
-
+
+
CellToolbar.prototype.hide = function () {
this.element.removeClass('ctb_show');
}