水平和垂直手风琴

你好，任何人都可以帮助我在asp.net中创建水平和垂直手风琴

我使用Ajax Toolkit Accordion但无法改变其方向

------- ------- ------- created using ajax toolkit ------- ||||| ||||| looking for this ||||| ||||| 

任何帮助请..

Answer 1

 Here is an working example for ASP.NET (C#) -- (USER CONTROL)       <%-- SLIDER 1 --%>   
Panel 1 content.
      <%-- SLIDER 2 --%>   
Panel 2 content.
      <%-- SLIDER 3 --%>   
Panel 3 content.
        -- (CODE BEHIND) protected void Page_Load(object sender, EventArgs e) { } protected void Slide_Click(object sender, EventArgs e) { ResetSlides(); LinkButton linkButton = (LinkButton)sender; char[] separator = new char[] { '_' }; string[] trigger = linkButton.ID.Split(separator); foreach (TableRow tblRow in AccordionTable.Rows) { int i = 1; foreach (TableCell tblCell in tblRow.Cells) { if (i % 2 == 0) { // Dont touch our LinkButtons (!) } else { Panel slidePanel = (Panel)FindControl("Slide" + trigger[1] + "Panel"); if (slidePanel != null) { slidePanel.Style.Add("display", "block"); tblCell.Style.Remove("display"); tblCell.Style.Add("display", "block"); } } i++; } } } protected void ResetSlides() { foreach (TableRow tblRow in AccordionTable.Rows) { int i = 1; foreach (TableCell tblCell in tblRow.Cells) { Panel slidePanel = (Panel)FindControl("Slide" + i + "Panel"); if (slidePanel != null) { tblCell.Style.Remove("display"); slidePanel.Style.Add("display", "none"); } if (i % 2 == 0) { // Dont resize LinkButtons (!) } else { tblCell.Style.Remove("display"); tblCell.Style.Add("display", "none"); } i++; } } } -- (STYLESHEET (BASIC)) .VerticalText { writing-mode: tb-lr; filter: flipV flipH; } .Border { border: solid 1px Black; } 

Answer 2

尝试一下jQuery插件Horizo​​ntal Accordion 。