jupyter labにてスクリプトを非表示にしたい。

Question

スクリプトを表示、非表示をボタンひとつで見れるようにしたり、見れないようにしたいです。

検索した所以下のURLにやり方が書いてあったのですが、実行しても実行した以下のコードが変わらないです。
リンク内容

コード
from IPython.display import HTML

HTML("""
<button id="code-show-switch-btn">スクリプトを非表示にする</button>

<script>
var code_show = true;

function switch_display_setting() {
    var switch_btn = $("#code-show-switch-btn");
    if (code_show) {
        $("div.input").hide();
        code_show = false;
        switch_btn.text("スクリプトを表示する");
    }else {
        $("div.input").show();
        code_show = true;
        switch_btn.text("スクリプトを非表示にする");
    }
}

$("#code-show-switch-btn").click(switch_display_setting);
</script>
""")

Answer 1

そのコードはjupyter notebook用のものではないでしょうか。
jupyter labで動くコードは以下の通りです。
https://github.com/jupyterlab/jupyterlab/issues/7120
を引用しました。

from IPython.display import HTML

HTML('''
<script src='//code.jquery.com/jquery-3.3.1.min.js'></script>
<script>
code_show=true; 
function code_toggle() {
 if (code_show){
 $('div.input').hide();
 $('div .jp-CodeCell .jp-Cell-inputWrapper').hide();
 } else {
 $('div.input').show();
 $('div .jp-CodeCell .jp-Cell-inputWrapper').show();
 }
 code_show = !code_show
}
$( document ).ready(code_toggle);
</script>
<form action="javascript:code_toggle()"><input type="submit" value="Code on/off"></form>''')

Comments

[PPAP_AWS]

ご返信ありがとうございます。

すいません。勘違いしていました。
コードが非表示になってしまうのですが、、スクリプトを非表示にしたいときはどうすればよろしいでしょうか。
ご教示お願いいたいします。

[Penpen7]

ここでいう、コードを非表示にするのと、スクリプトを非表示にする違いはなんですか？

[PPAP_AWS]

提示して頂いた、コードだと実行結果では無く指示コードが非表示になってしまうのですが、実行結果を非表示にしたいのですが、可能ですか。

[Penpen7]

実行結果は
$('div .jp-CodeCell .jp-Cell-inputWrapper')を
$('div .jp-Cell-outputWrapper')にすればいいと思います
$('div.input').hide();や$('div.input').show();は消してください
(実行結果消すと、ボタンも消えますが)

[PPAP_AWS]

ご丁寧なご教授有難うございます。参考にさせていただきます。