📑 Style Workout 01: code hiding

style_01.html

code hiding

xxxxxxxxxx

 

1

from IPython.display import HTML

2

display(HTML("""<script>

3

div_show=false; 

4

function input_hide_display() {

5

    if (div_show) {

6

        $('.sagecell_input').each(function(id) {

7

            if (id==0||$(this).html().indexOf('hide_display')>-1)

8

            {$(this).hide();} });

9

        $('.sagecell_input').css('opacity',0);} 

10

    else {$('.sagecell_input').each(function(id){$(this).show();});

11

          $('.sagecell_input').css('opacity',1);};

12

    div_show=!div_show;} 

13

$(document).ready(input_hide_display);

14

</"""+"""script>

15

<form action='javascript:input_hide_display()'>

16

<input style='color:slategray; background:silver; opacity:.7;'

17

type='submit' value='click to display or hide div'></form>"""))

Language: Sage Gap GP HTML Macaulay2 Maxima Octave Python R Singular

---

Messages