show/hide summernote toolbar

summernote_show_hide_toolbar.js

function summernoteLoad() {
    var $summernoteTextAreas = $('[data-control="summernote"]');
    //cargar summernote
    $summernoteTextAreas.summernote({
        onImageUpload: summernoteOnImageUpload,
        onkeyup: function() {
            syncSummernoteTextArea($summernoteTextAreas);
            validate(false);
        },
        onblur: function() {
            syncSummernoteTextArea($summernoteTextAreas);
            validate(false);
        }
    });

    //mostrar summernote toolbar on demand
    var $summernotes = $('[data-control="summernote-container"]');
    $summernotes.find('.note-toolbar').hide();
    $summernotes.each(function(idx, element) {
        var $snote = $(element);
        $snote.on('focus', '.note-editable', function(e) {
            if($snote.find('.note-toolbar').hasClass('active')) {
                //ya está desplegado
            } else {
                $summernotes.find('.note-toolbar')
                    .removeClass('active')
                    .slideUp();
                $snote.find('.note-toolbar')
                    .addClass('active')
                    .slideDown();
            }
        });
    });
}

Thank You. Examples should have provided this