Skip to main content
Blackswann
Participant
January 31, 2018
Answered

DW 2017 CC jquery Accordion widget issue

  • January 31, 2018
  • 1 reply
  • 1525 views

I am taking a class on Dreamweaver and am VERY novice in the application. My assignment is to use the Accordion widget and insert different sections of my resume into the sections of the widget. This was all pretty easy, to be honest. The problem I am having is two-fold. The length of the accordion content sections seems to default to the length of the first section. Since the first section contains my work experience it is pretty long. The second section is probably 30 lines and the third section of content is also about 30 lines. They all appear to function as expected with the glaring issue of the length of sections 2 and 3 that have a HUGE blank area after the text. What I am not able to figure out after several hours of playing, googling and reading is this... How do I change the length of the sections to fit the length of the content? the second issue is even though the footer is below the script and was fine at the bottom of the page it is now appearing in the accordion and I cant get the footer to stat at the bottom of the page. It isn't in the accordion at all so I am a bit confused. I could post the code but I thought that a link was best.

http://bobby.wildomarit.com/resume.html

This topic has been closed for replies.
Correct answer Nancy OShea

Let's start with the code errors that need attention.

Showing results for http://bobby.wildomarit.com/resume.html - Nu Html Checker

Once those are taken care of, you can review the jQuery UI docs on how to size panels to content.

https://jqueryui.com/accordion/#no-auto-height

Post back if you have any problems.

Nancy

1 reply

Nancy OShea
Community Expert
Nancy OSheaCommunity ExpertCorrect answer
Community Expert
January 31, 2018

Let's start with the code errors that need attention.

Showing results for http://bobby.wildomarit.com/resume.html - Nu Html Checker

Once those are taken care of, you can review the jQuery UI docs on how to size panels to content.

https://jqueryui.com/accordion/#no-auto-height

Post back if you have any problems.

Nancy

Nancy O'Shea— Product User & Community Expert
Blackswann
Participant
January 31, 2018

That really helped me out. I do suddenly have a strange 4 section on the accordion all of a sudden and I do not see where it is coming from. ??? Also is there a way to change the "state of the accordion to be closed when the page loads? So the user could select the section without having to scroll?

Nancy OShea
Community Expert
Community Expert
January 31, 2018

#1 When things don't work as expected, it's because of code errors.  Check your code again.

#2 Read the jQuery UI docs for details on how to make it function as desired.

Nancy

Nancy O'Shea— Product User & Community Expert