Можешь использовать гем
navigatrix, очень прост в использовании. Устанавливаешь и сразу же можешь делать меню, вот такой код:
Code:
<%= render_navigation({
"Home" => "/",
"Article 1" => "/articles/1",
"Article 2" => "/articles/2",
"Article 3" => "/articles/3",
}) %>
отдаст вот такой HTML:
Code:
<ul>
<li><a href="/">Home</a></li>
<li class="active">Article 1</li>
<li><a href="/articles/2">Article 2</a></li>
<li><a href="/articles/3">Article 3</a></li>
</ul>
, "Article 1" некликабельна, т.к.
class="active" и находимся на этой странице. А к "active" уже можно привязывать любые стили, что и требовалось от гема. ДОкументация гема - на странице гема, если нужно более сложное использование...
