0

アプリケーションにアコーディオンを統合しましたが、ヘッダーをクリックすると、ヘッダー全体が青色で囲まれます。どうすればこれを取り除くことができますか? (私の JavaScript では、ヘッダーのフォントの色を青に設定するものがありますが、これが境界線に影響を与えるとは思いません。JavaScript 関数を削除しても、境界線は削除されません)。

ここに画像の説明を入力

       <div class="userComments">
        <div class="accordion">
          <h5> Comments (<%=step.comment_threads.count%>)</h5>
          <div class="comment">  
            <% if user_signed_in?%>
            <div class="userIcon">
              <% if current_user.avatar_url != nil %>
                <%= image_tag(current_user.avatar_url(:thumb), :class=>"commentAvatar img-polaroid")%>
              <% else %>
                 <%= image_tag("default_avatar.png", :class=>"commentAvatar img-polaroid") %>
              <% end %>
            </div class="addComment">
               <%= semantic_form_for([@project, step, step.comment_threads.build]) do |f| %>
                <div class="field">
                  <%= f.text_area :body %>
                </div>
            <div class="submit">
              <%= f.submit :comment, :class=> "btn btn-small btn-primary commentSubmit" %>
            </div>
            <% end %>
            <% else %>
            <p> Please <%= link_to "sign in", user_session_path, {:style=> "font-weight:bold;"} %> to leave comments </p>
            <% end %>

             <div class="clear"></div>
          <div class="stepComments">
            <% if step.comment_threads.count >0 %>
              <% step.comment_threads.each do |stepComment| %>
                <% if stepComment.body.length>0 %>
                  <%= render :partial => 'comments', :locals => {:comment=> stepComment, :step=>step} %>
                <% end %>
              <% end %>
            <% end %>
          </div>
        </div>
          </div>
        </div>



<script type="text/javascript">
      (function($) { 

        $('.accordion').accordion({
          collapsible: true, 
          heightStyle: "content",
          active: false,
          icons:{
            header: "icon-chevron-down",
            activeHeader: "icon-chevron-up"
          }
        });

        $('.accordion h5').hover(function(){
          $(this).css("color", "#0769AD");
        },
        function(){
          $(this).css("color", "#000");
        }); 

      })(jQuery);


      </script>
4

1 に答える 1