📑 Style Workout 01: js div_hide_display

style_01.html

js div_hide_display

xxxxxxxxxx

 

1

from IPython.display import HTML

2

HTML("""<script>

3

div_show=true; 

4

function div_hide_display() {

5

    if (div_show) {

6

        $('#d302h04').each(function(id) {

7

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

8

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

9

        $('#d302h04').css('opacity',0);} 

10

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

11

          $('#d302h04').css('opacity',1);};

12

    div_show=!div_show;} 

13

$(document).ready(div_hide_display);

14

</"""+"""script>

15

<div id='d302h04' style='border:double slategray; width:32%;'>

16

<p>😋 😌 😍 😎 😏 ===> HELLO</p><center>

17

<img width='90%' 

18

src='https://raw.githubusercontent.com/OlgaBelitskaya/data/main/

19

flowers/00_001.png'>

20

</img>

21

</center><p>HELLO <=== 😋 😌 😍 😎 😏</p></div>

22

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

23

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

24

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

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

---

Messages