title: rails 3 link_to #tabname for simple tabs - using foundation.zurb
body: <p>So in my fantasies, the foundation code would work easily in rails...of course, it doesn't.  It appears that all my foundation javascript is being loaded in, and the styling is as well.  I didn't install the foundation gem, I manually added the files.</p>
  
  <p>Foundation instructions for tabs:</p>
  
  <pre><code>&lt;dl class="tabs"&gt;
    &lt;dd class="active"&gt;&lt;a href="#simple1"&gt;Simple Tab 1&lt;/a&gt;&lt;/dd&gt;
    &lt;dd&gt;&lt;a href="#simple2"&gt;Simple Tab 2&lt;/a&gt;&lt;/dd&gt;
    &lt;dd class="hide-for-small"&gt;&lt;a href="#simple3"&gt;Simple Tab 3&lt;/a&gt;&lt;/dd&gt;
  &lt;/dl&gt;
  &lt;ul class="tabs-content"&gt;
    &lt;li class="active" id="simple1Tab"&gt;This is simple tab 1s content. Pretty neat, huh? &lt;/li&gt;
    &lt;li id="simple2Tab"&gt;This is simple tab 2s content. Now you see it!&lt;/li&gt;
    &lt;li id="simple3Tab"&gt;This is simple tab 3s content.&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I have tried the following in my rails app:</p>
  
  <pre><code>&lt;dl class="tabs"&gt;
    &lt;dd class="active"&gt; &lt;%= link_to "Edit Trail Info", "#simple1" %&gt;&lt;/dd&gt;
    &lt;dd&gt;&lt;%= link_to "Reorder Chapters", "#simple2" %&gt;&lt;/dd&gt;
  &lt;/dl&gt;
  &lt;ul class="tabs-content"&gt;
    &lt;li class="active" id="simple1Tab"&gt;
        &lt;%= render 'form' %&gt;      
    &lt;/li&gt;
    &lt;li id="simple2Tab"&gt;  
        &lt;%= render :partial =&gt; 'shared/chapterSort', :locals =&gt; { :trail =&gt; @trail } %&gt;
    &lt;/li&gt;
  &lt;/ul&gt;   
  </code></pre>
  
  <p>But when I click on the tab, the URL in the browser just changes to this and doesn't hide/show the data:
         "http://localhost:3000/trails/7/edit#simple2"</p>
  
  <p>Where should I start?  Is it a route thing, a java thing, or a different syntax for the link_to.  Any help is appreciated!!</p>