{*style= .section{ background-color:lightgrey; font-weight:bold; } #toggle {–hov-blk-color:lightblue;–sel-blk-color:lightgreen;} *} {*main=

Section 1: Status=4 list

{|table=pro_list|}

Section 2: Toggle hover background color becomes lightblue and lightgreen

{|block=toggle|}

Section 3: ‘Lists’ table where lev=1 and tag=’act’ (with arrow change)

{|table=act_toggle|}

Section 4: Extra 1: Show and hide text

{|block=showhide_toggle|}

Section 5: Extra 2: Changing text

{|block=change_toggle|}

Section 6: Extra 3: Select box

{|block=select_toggle|}
*} // Table/list definition with data and row {*pro_list= {|data=pro|} {|row= |}
Tên viết tắt (TA) Tên viết tắt (TV) Trạng thái Năm thực hiện
[p_shortname_en] [p_shortname_vi] [status] [p_period]
*} // Data set definition {*pro= {|sql= select p_shortname_vi, p_shortname_en, status, p_period from []projects where status=4|} *} {*toggle=

{|image=1-cc|}

{|image=2-energy-e|}

{|image=3-productivity|}

{|image=green-technology-logo-icon-illustration|}

*} {*act_toggle= {|data=acts_data|}
{|firstrow=|} {|row=|}
Act 1
Act 2
Act 3
Act 4
*} {*acts_data={|sql=select tagid, text_* as description from []lists where tag=”act” and lev=1|}*} {*showhide_toggle=

This will appear with showing text

(Hidden)

*} {*change_toggle=

I found no difference with the exercise Show/hide toggle. I just need to fix the 2nd DIV from blank to any text. And your 2nd assignment request will be fulfilled

*} {*select_toggle=

Show if choose A

Show if choose B

Show if choose C

Show if choose D

*}