diff --git a/Netdisco/views/js/device.js b/Netdisco/views/js/device.js
index 47ac0b5e..35360362 100644
--- a/Netdisco/views/js/device.js
+++ b/Netdisco/views/js/device.js
@@ -1,5 +1,5 @@
   $(document).ready(function() {
-    $('.nd_collapse_columns').collapser({
+    $('#nd_collapse_columns').collapser({
       target: 'next',
       effect: 'slide',
       changeText: true,
@@ -7,7 +7,7 @@
       collapseHtml: '<label class="nd_collapser">Display Columns<div class="arrow-down"></div></label>',
     });
 
-    $('.nd_collapse_portprop').collapser({
+    $('#nd_collapse_portprop').collapser({
       target: 'next',
       effect: 'slide',
       changeText: true,
@@ -15,7 +15,7 @@
       collapseHtml: '<label class="nd_collapser">Port Properties<div class="arrow-down"></div></label>',
     });
 
-    $('.nd_collapse_nodeprop').collapser({
+    $('#nd_collapse_nodeprop').collapser({
       target: 'next',
       effect: 'slide',
       changeText: true,
@@ -23,7 +23,7 @@
       collapseHtml: '<label class="nd_collapser">Node Properties<div class="arrow-down"></div></label>',
     });
 
-    $('.nd_collapse_legend').collapser({
+    $('#nd_collapse_legend').collapser({
       target: 'next',
       effect: 'slide',
       changeText: true,
@@ -89,6 +89,9 @@
     $('#[% params.tab %]_form').trigger("submit");
     [% END %]
 
+    // everything starts hidden and then we show defaults
+    $('#nd_collapse_legend').click();
+
     // on tab change, hide previous tab's search form and show new tab's
     // search form. also trigger to load the content for the newly active tab.
     $('#search_results').bind('change', function(e) {
diff --git a/Netdisco/views/sidebar/device/ports.tt b/Netdisco/views/sidebar/device/ports.tt
index 3e6aa5ba..12612933 100644
--- a/Netdisco/views/sidebar/device/ports.tt
+++ b/Netdisco/views/sidebar/device/ports.tt
@@ -8,8 +8,8 @@
                 rel="twipsy" data-placement="right" data-offset="5" title="Filter by Port, Name or VLAN"/>
             </div>
             <div class="clearfix">
-              <a href="#" class="nd_collapse_legend"><label>Legend</label></a>
-                <ul class="inputs-list unstyled">
+              <a href="#" id="nd_collapse_legend"><label>Legend</label></a>
+                <ul class="inputs-list unstyled nd_collapse_pre_hidden">
                   <li>
                     <span class="label">s</span>&nbsp; Admin Disabled
                   </li>
@@ -34,7 +34,7 @@
                 </ul>
             </div>
             <div class="clearfix">
-              <a href="#" class="nd_collapse_columns"><label>Display Columns</label></a>
+              <a href="#" id="nd_collapse_columns"><label>Display Columns</label></a>
               <div class="input nd_collapse_pre_hidden">
                 <ul class="inputs-list">
                   [% FOREACH item IN vars.port_columns %]
@@ -49,7 +49,7 @@
               </div>
             </div>
             <div class="clearfix">
-              <a href="#" class="nd_collapse_portprop"><label>Port Properties</label></a>
+              <a href="#" id="nd_collapse_portprop"><label>Port Properties</label></a>
               <div class="input nd_collapse_pre_hidden">
                 <ul class="inputs-list">
                   <li>
@@ -79,7 +79,7 @@
               </div>
             </div>
             <div class="clearfix">
-              <a href="#" class="nd_collapse_nodeprop"><label>Node Properties</label></a>
+              <a href="#" id="nd_collapse_nodeprop"><label>Node Properties</label></a>
               <div class="input nd_collapse_pre_hidden">
                 <ul class="inputs-list">
                   [% FOREACH item IN vars.connected_properties %]