要实现ASP.NET Core Bootstrap 4 Accordion只部分展开,可以使用以下代码示例中的方法:
1.在.cshtml文件中,使用循环生成Accordion的每个项,并为每个项添加一个唯一的ID和data-parent属性:
@foreach (var item in Model.Items)
{
@item.Content
}
2.在JavaScript中,使用以下代码片段来实现只展开一个项:
$(document).ready(function () {
$('#accordion .btn').click(function () {
$(this).parents('.card').siblings('.card').find('.collapse').collapse('hide');
});
});
这段代码将为每个按钮的点击事件添加一个处理程序。当按钮被点击时,它会找到与当前卡片不相同的所有卡片,并将它们的折叠部分隐藏起来。
这样,当用户点击一个项时,其他项将自动折叠。
希望这个解决方法对你有帮助!