What's the best way to create buttons that hide/show content?
August 14, 2014 8:39 PM Subscribe
Website designers, can you point me to code or resources that I can use to implement buttons that are supposed to dynamically display content within the web page?
posted by see_change to Computers & Internet (4 answers total) 3 users marked this as a favorite
The trouble I'm having is with one interactive part of the page, involving buttons that change the content dynamically. In looking online, trying to find some fairly simple sample code that I can use, I'm not sure what terms to even search on. Everything I find isn't quite right. What is the name of what I'm looking for?
I'll describe the specific thing I'd like to accomplish. The page's graphic design was done by someone else, and my task is to "webify" it. In one part of the page, there are 4 big graphic buttons in a horizontal row, and they are to behave kind of like tabs. Under this button bar is a fixed-size area that will contain text along with a nice photgraphic background. Each tab above, when clicked, will display a different content area below it, with different photo backgrounds, etc. The tabs themselves also need to have a highlighted (glowing) mouseover state.
I tried to use Dreamweaver's 'Spry Tabbed Panels' tool, but it's too confusing for me to customize. A lot of the examples I'm seeing online involve pure-text menu bars, but what I'm building isn't navigation, it's more of an in-page content display thingie.
Also, whatever I use needs to be customizable so that I can create my to-the-pixel layout with it.
Thanks in advance, for any specific resources you can share, book recommendations, or specific search terms that would be useful.