引导程序:展开一个区域时折叠其他区域
我正在制作Rails应用程序,并试图实现与Twitter的Bootstrap崩溃相关的特定功能。当我解释时,请忍受我。 我目前有以下观点: 单击这些按钮中的每个按钮时,它们的数据切换div都会展开。视图设置如下: <button class="btn dropdown" data-toggle="collapse" data-target="#keys"><i class="icon-chevron-right"></i> Keys <span class="badge badge-info pull-right"><%= @app.keys.count %></span></button> <button class="btn dropdown" data-toggle="collapse" data-target="#attrs"><i class="icon-chevron-right"></i> Attributes</button> <button class="btn dropdown" data-toggle="collapse" data-target="#edit"><i class="icon-chevron-right"></i> Edit Details</button> <div class="collapse indent" id="keys"> <!--content--> </div> <div class="collapse indent" id="attrs"> <!--content--> </div> <div class="collapse" id="edit"> <!--content--> </div> 我这样设置它们,因为我希望按钮连续并排放置。如果我将按钮移动到视图的正上方,它们会展开/折叠,那么按钮会堆叠在一起。 因此,我的最终目标是使三个按钮并排放置,并使它们合拢并展开各自的部分。当前的设置有效,但是有点尴尬。例如,如果某人先展开键部分,然后再展开属性部分,则他们必须在键部分下面滚动。 …