我正在为这个小项目工作，底部有两个部分。 ＆＃34;配置和分析＆＃34;
我主要担心的是，如果＆＃34; Landing＆＃34;选项少于下面两个选项将显示为原样。如果登陆选项中的数据更多，则选项应固定在底部。
注意：当我关闭着陆选项时，另外两个选项应该向上。
我需要有关逻辑实现的快速帮助。
<div class="col-sm-3 col-md-2 editor-sidebar sidebar">
<div class="editor-accordion">
<div class="panel-group" id="accordion">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">Build</a>
</h4>
</div>
<div id="collapseOne" class="panel-collapse collapse in">
<div class="panel-body panel-scroll">
<div class="ed-sidebar editor-tab" data-toggle="landing">
<span class="visible-parent"><a href="#" class="section-head"><span class="circle"></span>Landing Page</a>
</span>
</div>
<div class="ed-sidebar editor-tab" data-toggle="question">
<span class="add-visible-parent"><a href="#" class="section-head"><span class="circle"> </span>Questionner</a>
</span>
<div class="ed-sidebar-sub">
<a href="#" class="sub-head"><span class="hollow"></span>Platform</a>
<ul>
<li><span class="hollow"></span>
<a href="#" class="ellipsis head">Q. Which paltform will</a>
</li>
</ul>
</div>
<div class="ed-sidebar-sub">
<a href="#" class="sub-head"><span class="hollow"></span>Platform</a>
<ul>
<li><span class="hollow"></span>
<a href="#" class="ellipsis head">Q. Which paltform will</a>
</li>
<li><span class="hollow"></span>
<a href="#" class="ellipsis head">Q. Which paltform will</a>
</li>
</ul>
</div>
<div class="ed-sidebar-sub">
<a href="#" class="sub-head"><span class="hollow"></span>Platform</a>
<ul>
<li><span class="hollow"></span>
<a href="#" class="ellipsis head">Q. Which paltform will</a>
</li>
<li><span class="hollow"></span>
<a href="#" class="ellipsis head">Q. Which paltform will</a>
</li>
</ul>
</div>
</div>
<div class="ed-sidebar editor-tab" data-toggle="result">
<a href="#" class="section-head"> <span class="circle"></span>Result Page </a>
</div>
</div>
</div>
</div>
<div class="bottom-sticky">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">Configure</a>
</h4>
</div>
<div id="collapseTwo" class="panel-collapse collapse">
<div class="panel-body">
dfsadfsaf
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseThree">Analyze</a>
</h4>
</div>
<div id="collapseThree" class="panel-collapse collapse">
<div class="panel-body">
sfdsfggasdf
</div>
</div>
</div>
</div>
</div>
</div>
<div class="ed-sidebar-topsection hide">
<span>Pages</span>
<div class="page-add">
<label>Add</label>
<a href="javascript:void(0);"></a>
</div>
</div>
</div>