2

ブラックライト検索ファセットが折りたたまれて再び開くと方向が変わる矢印アイコンを追加しようとしています: http://www.bootply.com/88286アイコンは表示されますが、折りたたむと変化しません。以下は、各ファセット グループまたは「panel panel-default」div の部分です。

<div class="panel panel-default facet_limit blacklight-<%= facet_field.field.parameterize %> <%= 'facet_limit-active' if facet_field_in_params?(facet_field.field) %>">
  <div class="<%= "collapsed" if should_collapse_facet?(facet_field) %> collapse-toggle panel-heading" data-toggle="collapse" data-target="#<%= facet_field_id(facet_field) %>">
    <h5 class="panel-title">
        <a class="accordion-toggle" data-toggle="collapse"
        >
      <%= link_to facet_field_label(facet_field.field), "#", :"data-no-turbolink" => true %>
        </a>
    </h5>
  </div>
  <div id="<%= facet_field_id(facet_field) %>" class="panel-collapse facet-content <%= should_collapse_facet?(facet_field) ? 'collapse' : 'in' %>">
    <div class="panel-body">
       <%= yield %>
    </div>
   </div>
</div>

ブートストラップ css に追加した css:

.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}
4

0 に答える 0