set height to jquery ui accordion

Question

I'm using jquery ui accordion. ``` $(function() { $( "#accordion" ).accordion({ collapsible:true, active : 'none', autoHeight: false, navigation: true }); }); ``` and using CSS ``` #accordion { width:70%; height:400px; padding-top:80px; padding-left:100px; } ``` But the content of my first accordion div is large. so when i open that div/header. accordion goes beyond footer. How to set the height for accordion?

Accepted Answer

So try

```
#accordion .ui-accordion-content {
    max-height: 200px;
}
```

Demo: Fiddle

set height to jquery ui accordion

Solution

Problem