Ng-show: shows empty div but it's not

Question

I have working plunker with my accordion : http://plnkr.co/edit/Qk4AxzXLuDDAAXt3wZ6z?p=preview

Did the same in my project and when I click to the accordion header, it shows accordion content but its height is 1px and data successfully binds. What's wrong? :(

(it's not a problem with angular and bootstrap version)

Answer 1

You need to handle the CSS on your own. Refer following dummy CSS for your purpose:

#accordion .ui-accordion-content {
    width: 100%;
    background-color: #f3f3f3;
    color: #777;
    font-size: 10pt;
    line-height: 16pt;
}

where #accordian is id of the div.