Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

set height to jquery ui accordion

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?

like image 509
HungryDB Avatar asked Dec 09 '13 03:12

HungryDB


1 Answers

So try

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

Demo: Fiddle

like image 171
Arun P Johny Avatar answered Oct 13 '22 03:10

Arun P Johny