Horizontal Accordion, programming examples of Horizontal Accordion

Horizontal Accordion, programming examples of Horizontal Accordion

With the programming example below you will be able to create panes arranged into layout rows and cols. The panes can be collapsed and expanded in horizontal direction. Feel free to use code samples by Webix for your web development projects.

JS Code

webix.ui({  
  multi:true,
  view:"accordion",
  cols:[
    { header:"col 1", body:"content 1", width:150},
    { body:"Content 2" },
    { 
      header:"col 3",
      body:"content 3",
      width:150
    },
    { body:"Content 4" },
    { header:"col 5", body:"content 5", width:150}
  ]
});





Do you want to create accordion items that can be expanded and collapsed in horizontal direction?