Html collapsible and tabs

[rizwansyed]

Hi

1.

https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_collapsible

In the above link, if we click on open section 1 , open section 2 etc.It expands the data downwards.

Is it possible to expand the same data towards right side

 

2.Am working on nested tabs, but level 1 tabs work fine but all the level 2 tabs displays data at once.

Please suggest how to proceed

 

Thanks and Regards

Rizwan Syed

[dsonesuk]

https://www.w3schools.com/code/tryit.asp?filename=FTJWINF3FLDW

[rizwansyed]

Hi Dsonesuk

I have already checked this site , it expands downwards.

I need it to expand on right side.

Please suggest how to proceed with this

 

Thanks and Regards

Rizwan Syed

[dsonesuk]

No! it does NOT! look at link properly! and follow instructions to run it!

Edited July 23, 2018 by dsonesuk

[webtrickshome]

You can create your own custom javascript for collapsibles that appear on the right with a bit of css or modify the css of the existing one to display it on the right. Here's a tutorial on jquery basics from webtrickshome from where you can copy the code for slideToggle which hides the collapsible divs by default. Then you can add your own css to diplay them on the right.

[rizwansyed]

Hi 

Is there any code available to make collapsible display on the right