Расширение одного аккордеонного элемента в представлении

Question

У меня есть форма и onlu один элемент аккордеона внутри (чтобы показать дополнительную информацию о другом контенте). Но похоже, что один элемент аккордеона не хочет рушиться/расширяться должным образом. Если я установил collapsed:false, он вообще не может быть свернут. Если collapsed:true, его можно развернуть только один раз, а затем никогда не рухнуть.

Я подозреваю, что проблема заключается в заполнении определенной высоты, но я не могу решить ее самостоятельно.

Что я сделал не так?

Вот короткий код Предварительный просмотр:

view:"form", 
elements:[  
    { height:300 }, 
    { 
     view:"accordion",   
     rows:[     
     { 
      view:"accordionitem",   
      height:150, 
      collapsed:true, 
      body:{ 
      template:"" 
      }       
     }   
     ] 
    }, 
    { autoheight:true } 
] 

Full snippet

Answer 1

По умолчанию аккордеон гарантирует, что по крайней мере одна панель всегда видна. Вы можете добавить multi:true в конфигурацию аккордеона, чтобы отключить это поведение.

{ 
    view:"accordion", multi:true,    
    rows:[     
     { 
     height:150, 
     collapsed:true, 
     header:"test", 
     body:{ 
      template:"" 
     }       
     }   
    ] 
    }, 

http://webix.com/snippet/cff77257

Answer 2

Я думаю, что природа Accordian контроля, чтобы всегда показывать по крайней мере один элемент. Поэтому вы вынуждаете его делать то, что не предназначено для этого.

Почему вы не используете что-то вроде jquery hide/show для отображения дополнительной информации?

Answer 3

Эй, я сделал некоторые обходные пути в структуре. Пожалуйста, проверьте код на изображении, и он отлично работает с аккордеон, как вам нужно. Restructured Code