A button to make some "rt" text appear and disappear

Please check out the code below on a html5 webpage:

<ruby><span style="font-family: BiauKai; font-size: 36pt;">我</span><rt style="font-family: 'Pinyin Sans'; font-size: 20pt;">wo</rt></ruby><ruby><span style="font-family: BiauKai; font-size: 36pt;">你</span><rt style="font-family: 'Pinyin Sans'; font-size: 20pt;">li</rt></ruby></span><ruby><span style="font-family: BiauKai; font-size: 36pt;">是</span><rt style="font-family: 'Pinyin Sans'; font-size: 20pt;">si</rt></ruby>

Task 1: create a "hide" button to run a javascript to hide the <rt>...</rt> pinyin text.

Task 2: create a "show" button to run a javascript to show the <rt>...</rt> pinyin text.

Remark: at "hide" mode, the chinese characters(or texts) are kept to show at all time (in Biaukai fonts).

Umiejętności: JavaScript

Zobacz więcej: wo ok, html5 text, html5 fonts, html5 button, chinese characters, wo, rt, pinyin, html5 show hide, html5 hide, javascript hide show, font html5, html code text appear disappear, html5 ruby, javascript code hide, javascript family, style button, mafia text based games make, javascript chinese characters, javascript button show hide, iphone button make, fonts webpage, chinese webpage, check hide javascript, button make capital letter

O pracodawcy:
( 32 ocen ) Hong Kong, Hong Kong

Numer ID Projektu: #5973684

Przyznany użytkownikowi:


Hi, i can do this right now and done in less than 2 hours, hire me please, thank you ! .

$30 USD w ciągu 0 dni
(69 ocen)

3 freelancerów złożyło ofertę na kwotę $31 do tego projektu


A proposal has not yet been provided

$34 USD w ciągu 3 dni
(29 Oceny)

A proposal has not yet been provided

$30 USD w ciągu 0 dni
(0 Oceny)