tysm for this code!! the comments are rlly helpful ^^ i was able to customize it to my characters page with my bare bones html skills :D If it isn't any trouble for u to answer, is there a way to disable the animation? the sliding up when you switch tabs. i didnt even know you could do that w html jdhfgvjdhfg
Hi!!! I’m so sorry to leave you hanging for three weeks but I have returned with a solution!!
If you don’t want to read the explanation below, the new code is here:
https://toyhou.se/22173431.directory-f2u/27812448.alternative-code
With that out of the way...
In case you didn’t know, Toyhouse uses the Bootstrap framework for its styling and interactive elements. This is what makes codes on this site do fun stuff. The particular part of the framework this code uses is the accordion, which is what enabled the sliding animations. However, since us users don’t have access to the internal workings of the framework, I can’t disable the sliding animation.
So, I decided to switch over to using tabs instead. Bootstrap does actually offer a way to disable animations on tabs - you simply don’t include the ‘fade’ class. Some of the way the code is structured needed to be changed in order to use the tabs, but it’s barely any different.
There is one slight caveat though - in the original code, you could add buttons that would bring up the text of other folders inside of the folders themselves. Unfortunately, Bootstrap tabs are a bit more finicky and don’t allow you to do this. However, they can still be used on the little sidebar.
Hope this helps (and my explanation makes at least a little bit of sense)! Again, super sorry this took three weeks.
Directory (F2U)'s Comments