Skip to main content
Participating Frequently
November 21, 2018
Answered

[locked] Accordion help

  • November 21, 2018
  • 3 replies
  • 4089 views

I'm trying to use a collapsible accordion for a webpage I maintain for an athletics program that I coach. However, I don't have a lot of experience with CSS or bootstrap. I can't seem to get the accordion to collapse, instead only getting what seems to equate to a basic table. Please help!

This topic has been closed for replies.
Correct answer ALsp

ALsp​ How would I make that change?


Here is the documentation for the jQuery accordion widget:

https://api.jqueryui.com/accordion/

If you wish or need to continue using these types of widgets you should familiarize yourself with how they work and how they can be configured. This shouldn't be a difficult task. If it is, you might want to seriously consider hiring a web developer or using high quality extensions that provide a visual UI inside Dreamweaver.

At this point, and in my opinion, the worst kind of help you can get is to have someone provide a "copy this code and paste it there" kind of fix. That would be like giving you a fish instead of teaching you to fish for yourself.

By the way, the float drop in your other page might be fixable by adding this rule to your CSS:

* {box-sizing: border-box;}

If not, you have a mathematical error or a fixed-width element that is wider than your column. Should be easy to spot.

3 replies

Participating Frequently
November 24, 2018

Ok if I knew a way to close this for no more comments I would. So let me say this:

I understand people's desire to protect your own (whichever side of the issue you fall on) but this whole thing is done. I got information that I requested and am done. Everyone continuing to attack everyone else just continues to put bad tastes in people's mouths. So STOP.

BenPleysier
Community Expert
Community Expert
November 24, 2018

Your wish is my command sir. This post has now been locked.

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
BenPleysier
Community Expert
Community Expert
November 24, 2018

richchiamulera  wrote

I'm trying to use a collapsible accordion for a webpage I maintain for an athletics program that I coach. However, I don't have a lot of experience with CSS or bootstrap. I can't seem to get the accordion to collapse, instead only getting what seems to equate to a basic table. Please help!

I think that this opening question is very misleading. It gives the impression that you are using Bootstrap when in reality you are not.

When Nancy OShea​ asked you which version of Bootstrap you were using, in an effort to help you. your reply was

How does that answer my question? I am just asking which div code should I add that collapse tag that you gave me? Or if I need to create a new one.

This seemed to me to be quite aggressive. First providing us with misinformation, then attacking someone who has asked for more information.

I will not repeat your rant regarding an esteemed contributor to this forum; all I will say is that apologies would not go astray.

This is a user2user forum and we try to help everybody giving our time, experience and knowledge free of charge. The ACP badge is an Adobe token and in no way implies an affiliation, financial or otherwise, to Adobe.

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
Participating Frequently
November 21, 2018

Scratch that - I found the errors in my html...However, I am still wondering if there is a way to make the initial tab collapse by default?

ALsp
Legend
November 21, 2018

The best way to get help is to get a test page online and post a link so people can see your code. As for using Bootstrap, it is not Adobe code, it is merely a CSS/script library that Adobe has included in Dreamweaver in lieu of writing their own solutions. Bootstrap is not the best solution in the minds of many accomplished web programmers, and your other option is to use a Dreamweaver extension which can automate these kinds of tasks for you, with cleaner, more efficient code. Here is an example of our Accordion widget:

Accordion Panel Magic Examples

It's not free, but if you contact us directly, we will give you a copy to play with.

And... To have all panels collapsed or a multitude of other options, you simply check a box in the user interface.