如何在不将其作为链接的情况下使用下拉菜单

Question

我正在尝试在我的网站处于移动设备时使用此菜单。 点击屏幕时菜单会下降，但由于它是一个链接，它会重新加载页面，使菜单只显示几秒钟。 如果我删除“link_to”标签，则菜单根本不起作用，所以我的问题是如何在不使用“link_to”标签且不使用JavaScript的情况下打开此菜单？这有可能吗？

这是代码

        <div id="menu">
            <nav id ="nav" role="navigation">
                <ul>
                    <li>
                        <div class="section group">
                            <div class="col span_1_of_2">
                                <p><%= link_to "Menu v", root_url %></p>
                            </div>
                        </div>
                        <ul>
                            <%= link_to "Home", root_url %>
                            <% @category = Category.all %>
                            <% @category.each do |category| %>
                            <% if category.show_in_header? %>
                            <li><%= link_to "#{category.name}", content_url(category), :controller => 'categories' %></li>
                            <% end %>
                            <% end %>
                        </ul>
                    </li>
                </ul>
            </nav>
        </div>

非常感谢任何帮助。

Answer 1

替换行

<p><%= link_to "Menu v", root_url %></p>

与

<%= content_tag("a","Menu") %>

我能够在不重新加载页面的情况下打开菜单。使其成为下拉菜单的理想选择。