rails navbar partial について

Question

現在、RailsでAirbnbのようにトップページとその他のページのnavbarのデザインが変わるものを実現したいのですが

https://www.airbnb.jp/

これを実現するために、現在、トップページ以外のその他のページでは、
<%= render 'navbar' %>
でナブバーをそのまま表示させて

_navbar.html.erb

<nav class="navbar">
...
</div>

トップページindex.html.erbにて

<script type="text/javascript">
	$(function(){
		$(".navbar").addClass("navbar-toppage");
	});
</script>
<%= render 'partial/navbar' %>

と新たなクラスを追加することにより、cssを適用してトップページのみnavbarに背景が透過するようにしているのですが、

もっと効率のいい書き方はないでしょうか？

Answer 1

その実装でも問題ないと思いますよ。
サーバ側に負荷もかからないようになっていますので。
sprockets経由で難読化したりロードを高速化させたいなら，メインのviewに適当なid属性をもつ要素を作って，その有無でjsを発火させるということをやりますね。
また、cssの属性毎に全て記述があるなら，

#_navbar.html.erb

<%=content_tag :nav, class:cotroller.action_name=="top_page"? "others":"navbar-toppage" %>

#ご自身の環境に置き換えてください

などアクション名などで条件分岐させることでjs自体を排除する書き方も出来ます。