Javascript 如何旋转手风琴体文字？

我正在使用accordio函数在模块中添加端口详细信息。我只想在水平方向上显示主体内容。请看下面的小提琴

html，正文{
背景色：#e9eaed；
}
.小组{
宽度：430px；
z指数：100；
-webkit背面可见性：隐藏；
-webkit变换：translateX（-100%）旋转（-90度）；
-webkit变换原点：右上方；
-moz变换：translateX（-100%）旋转（-90度）；
-moz变换原点：右上；
-o变换：translateX（-100%）旋转（-90度）；
-o变换原点：右上角；
变换：translateX（-100%）旋转（-90度）；
变换原点：右上角；
}
.小组标题{
宽度：430px；
}
.小组标题{
高度：18px
}
.小组标题a{
浮动：对；
文字装饰：无；
填充：10px 430px；
利润率：-10px-430px；
}
.小组委员会{
高度：830px；
}
.小组p组{
-webkit背面可见性：隐藏；
-webkit变换：translateX（0%）旋转（90度）；
-webkit变换原点：左上；
-moz变换：translateX（0%）旋转（90度）；
-moz变换原点：左上；
-o变换：translateX（0%）旋转（90度）；
-o变换原点：左上；
变换：translateX（0%）旋转（90度）；
变换原点：左上；
}

标题
一段文字，内容与网站相关，如果用户觉得有必要阅读，可以阅读。他们也可以跳过它，但这样可以使初始视图的文本量大大减少，请参见？
-一些源代码

试试这个

我刚刚在css中添加了

transform

.panel-body {
    padding: 15px;
    transform: rotate(90deg);//added
    transform-origin: 188px 241px 0;//added
}

---

我希望这是用来实现你需要的

@kali dass如果我的回答解决了你的问题？别忘了接受这个答案