[ad_1]
I’m a graphic design student that has decided to build their portfolio website on WordPress. I am trying to find out if there is a way to create a column that when clicked on will expand and the other columns contract to create a dynamic and interactive webpage. Unfortunately when looking for tutorials and such online I have only found resources for much more basic/fundamental topics. I’m familiar with wordpress to a degree and I am editing with Elementor at the moment. Would really appreciate any resources, answers, suggestions, or plugins if possible.
[ad_2]
What will be in the other columns? This is possible but it would be my opinion that it would look awful. Any text or objects in the other columns would he squashed and become longer.
If the content is minimal then your going to suffer issues like font sizes needing to dynamically change for Titles etc will start falling on several lines and look crap. Images getting smaller when they keep they’re ratios or cutting off parts if you don’t.
Otherwise this can be done. It would require knowledge of both css and Javascript to achieve manually. The basics of it are to create click events that would apply the specific column sizes/classes when clicked. With CSS transitions on the width would slide to the size.
If you explain more so the functionality of why you want it to do this, it might be easier to help.
Yes, it’s possible. You could use JavaScript to detect the clicks and use the toggleclass() function to swap classes. Then in those classes apply a transition parameter with the speed that you want the transition to take place along with the widths the columns should be when they’re clicked. In my mind, it would look pretty cool.
If I get it right, you are trying to create an accordion with each accordion item as a column instead of a row. Learn how to create an accordion and modify to your layout preference.