Jump to content
rizwansyed

Html collapsible and tabs

Recommended Posts

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Edited by dsonesuk

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×