在活动链接幻灯片切换（jQuery）下加下划线

我制作了一个文本页面，当用户使用

slideToggle（）

单击链接时，信息会弹出

当您单击下一个链接时，上一个文本段落将自动关闭（也可使用

滑动切换

）

jQuery（文档）.ready（函数（）{
jQuery（'.textbox a'）.next（'.textbox p'）.hide（）；
jQuery（'.textbox a'）。单击（函数（）{
$（'.active'）.not（this）.toggleClass（'active'）.next（'.textbox p'）.slideToggle（）；
$（this.toggleClass（'active'）.next（）.slideToggle（）；
});
});
.textbox{
宽度：50px；
文本对齐：居中；
浮动：左；
}
.文本框a{
光标：指针；
}

链接1
切换的文本

链接2
切换的文本

链接3
切换的文本

链接4
切换的文本

您可以使用CSS
文本装饰：下划线

无论您在CSS中做什么，只要将其应用于
.active
类，它将仅应用于活动链接


jQuery（文档）.ready（函数（）{
jQuery（“.textbox a”）.next（“.textbox p”）.hide（）；
jQuery（“.textbox a”）。单击（函数（）{
$（'.active'）.not（this）.toggleClass（'active'）.next（'.textbox p'）.slideToggle（）；
$（this.toggleClass（'active'）.next（）.slideToggle（）；
});
});
.textbox{宽度：50px；
文本对齐：居中；
浮动：左；}
.textbox a{cursor:pointer；}
/*这是您需要添加的唯一一行：*/
/*也可以使用边框底部：1px纯黑；相反*/
.active{文本装饰：下划线；}

链接1切换的文本

链接2切换的文本

链接3切换的文本

链接4切换的文本