How To Make Some Links? When Click One, It Can Show Different Content In The Same Area?

How to make some links? when click one, it can show different content in the same area?

It looks like the below:

link1 link 2 link3

picture1/2/3

Thank you very much!

question.jpg

You can use hide and show jquery functions to do it

https://www.w3schools.com/jquery/jquery_hide_show.asp

So if you click on the link, all content element are hidden. Then show only necessary element

Thanks. I used jquery code to make it.

Just why every time when I open the content, the code " ",   disapeared. the code become

. I have to redo them again?

Thanks. I used jquery code to make it.

Just why every time when I open the content, the code " ",   disapeared. the code become

. I have to redo them again?

This happens because of the wysiwyg editor. You can disable it on the Settings > Appearance page before adding the code.

As alternative use HTML block with SMARTY support. WYSIWYG is not used in this case

Note that you should use {literal}..{/literal} tags if you are adding JS code to the HTML block with SMARTY support

Only required if you have ldelim and rdelim on the same line. Otherwise it's handled just fine within smarty.

Note that you should use {literal}..{/literal} tags if you are adding JS code to the HTML block with SMARTY support

Thanks so much!! :grin: :grin: