anchor.diff: -<ul class="lines">
  +<ul class="c-tree">
       <!-- Lines -->
  -    <li class="plan-label lines-label">
  -        <ul class="plan-list">
  -            <% @lines.each_pair do |name, v| %>
  -                <li>
  -                    <input type="checkbox" id="checkbox_<%= name %>" <%= v[:show] ? 'checked' : '' %>/>
  -                    <%
  -                        style = "background-color:#{@lines_style[name]['color']};"
  -                        if font_color = @lines_style[name]['lineLabelFontColor']
  -                            style << "color:#{font_color};"
  -                        end
  -                    %>
  -                    <label for="checkbox_<%= name %>" style="<%= style %>" onclick='toggleLine(<%=name.to_json%>);'>
  -                        <%= name %>
  -                    </label>
  -                    </li>
  -            <% end %>
  -        </ul>
  -    </li>
  +
  +    <ul class="c-tree">
  +    <% @lines.each_pair do |name, v| %>
  +        <li class="c-tree__item">
  +            <input type="checkbox" id="checkbox_<%= name %>" <%= v[:show] ? 'checked' : '' %>/>
  +            <%
  +                style = "background-color:#{@lines_style[name]['color']};"
  +                if font_color = @lines_style[name]['lineLabelFontColor']
  +                    style << "color:#{font_color};"
  +                end
  +            %>
  +            <label for="checkbox_<%= name %>" style="<%= style %>" onclick='toggleLine(<%=name.to_json%>);'>
  +                <%= name %>
  +            </label>
  +            </li>
  +    <% end %>
  +    </ul>
   
       <!-- Plans -->
   
  +    <ul class="c-tree">
       <% @plans.each_pair do |name, plan| %>
  -        <li class="plan-label">
  -            <div><%= "#{name} #{plan[:year]}" %></div>
  -            <a href="<%= plan[:url] %>" target="_blank" + title="Link a la ley">
  +        <li class="c-tree__item c-tree__item--expandable">
  +            <span class="c-link"><%= "#{name} #{plan[:year]}" %></span>
  +            <a class="c-link" href="<%= plan[:url] %>" target="_blank" + title="Link a la ley">
                   <span class="plan-link fa fa-external-link"></span>
               </a>
  -            <ul class="plan-list">
  +            <ul class="c-tree" style="display: none;">
                   <% plan[:lines].each do |line| %>
  -                    <li>
  +                    <li class="c-tree__item">
                           <input type="checkbox" id="checkbox_<%= line[:id] %>" <%= line[:show] ? 'checked' : '' %>/>
                           <%
                               style = "background-color:#{@lines_style[line[:name]]['color']};"
  
positive.code:         save_params(null,null,null,plans_params);
      });
  }
  </script>
  
negative.code:             </ul>
          </li>
      <% end %>
      <ul class="c-tree">
  </ul>
  
  <script>
  