jQuery ui accordion with panel that contains scrolling content and a fixed header -

I have to be an appraiser with a panel, in which there is a fixed header and scrollable content with a date picker. Fillspace is set to true in episode, so an amaranthion panel called panel-hmmm should not be scrolled, but the scroll-contents should be called div.

  & lt; Div id = "accordion-west" & gt; & Lt; H3 & gt; & Lt; A href = "#" & gt; Hmmm & lt; / A & gt; & Lt; / H3 & gt; & Lt; Div class = "panel-hmmm" & gt; & Lt; Div class = "date-picker" & gt; & Lt; / Div & gt; & Lt; Div class = "scroll-content" & gt; & Lt; B & gt; Accord within a layout panel & lt; / B & gt; & Lt; P & gt; Advertise on this website can be used for any type of clothes even time time. & Lt; / P & gt; & Lt; P & gt; . & Lt; / P & gt; & Lt; P & gt; . & Lt; / P & gt; & Lt; P & gt; . & Lt; / P & gt; & Lt; P & gt; . & Lt; / P & gt; & Lt; P & gt; . & Lt; / P & gt; & Lt; P & gt; . & Lt; / P & gt; & Lt; P & gt; . & Lt; / P & gt; & Lt; P & gt; . & Lt; / P & gt; & Lt; P & gt; . & Lt; / P & gt; & Lt; P & gt; . & Lt; / P & gt; & Lt; P & gt; . & Lt; / P & gt; & Lt; P & gt; . & Lt; / P & gt; & Lt; P & gt; . & Lt; / P & gt; & Lt; P & gt; . & Lt; / P & gt; & Lt; P & gt; . & Lt; / P & gt; & Lt; P & gt; . & Lt; / P & gt; & Lt; P & gt; . & Lt; / P & gt; & Lt; P & gt; . & Lt; / P & gt; & Lt; P & gt; . & Lt; / P & gt; & Lt; P & gt; . & Lt; / P & gt; & Lt; P & gt; . & Lt; / P & gt; & Lt; P & gt; . & Lt; / P & gt; & Lt; P & gt; . & Lt; / P & gt; & Lt; P & gt; . & Lt; / P & gt; & Lt; P & gt; . & Lt; / P & gt; & Lt; P & gt; . & Lt; / P & gt; & Lt; P & gt; . & Lt; / P & gt; & Lt; P & gt; . & Lt; / P & gt; & Lt; P & gt; . & Lt; / P & gt; & Lt; P & gt; . & Lt; / P & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; H3 & gt; & Lt; A href = "#" & gt; Chips & lt; / A & gt; & Lt; / H3 & gt; & Lt; Div & gt; & Lt; P style = "font-weight: bold;" & Gt; Sad non-breaking & lt; / P & gt; & Lt; P & gt; First and later Fascal EU ligula certificant seat amet shoes vivas handset, dialer on the olive laureate, Maurice tarpis portrait wallelet, fossibus interma lollus ac et oo. & Lt; / P & gt; & Lt; P & gt; Vivasam nan kamam White Faussibus in Andaman & Lt; / P & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Script type = "text / javascript" & gt; $ (Document) .ready (function () {$ ('. Panel- hmmm .date-picker') Datepicker (); $ ("# accordion-west") .adrian ({fillSpace: true})}}; & Lt; / script & gt;  

I'm not sure exactly that you Try to add this CSS, but adjust the height to fit within the area you want.

  .panel-hmmm {overflow: scroll; height : 300px;}  

replace .panel-hmmm with .i-accordion-content all the overlays To affect the channels.

---

UPDATE: Given that whenever you open the panel, the dates always want to show, I will change the CSS to:

  .scrollable-content {overflow: scroll; height: 300px;}  

The height of this scroll content has to be set otherwise it will maintain the full height I set up, The applicant panel used to go to the page without any CSS, which is why I started initially .panel-hmmm Wadhar set altitude.