<div>
<pre><code id="code-20-37250001-1">$(document).ready(function(){
    // define your sub selector here
    var subselector = '[id^=&quot;row&quot;]';  // all sub with id starting with &quot;row&quot;
    $(subselector).hide();
});</code></pre>
</div>


$(document).ready(function(){
    // define your sub selector here
    var subselector = '[id^="row"]';  // all sub with id starting with "row"
    $(subselector).hide();
});

<div>
Add <br />
<br />
$(thenext).hide();<br />
<br />
At the beginning of your script, this will hide the row by default.
</div>


Add

$(thenext).hide();

At the beginning of your script, this will hide the row by default.

<div>
<div class="content wysiwyg-content">
I have a dynamic table with a toggle show row. When the page loads the sub rows are visiable. How do I make them hidden until I expand them. Here is the code that I am working with.<br />
<br />
&lt;script type=&quot;text/javascript&quot;&gt; <br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />
<br />
<br />
&nbsp; &nbsp; &nbsp; &nbsp; function togglePanelMore(thenext, source) {<br />
&nbsp; &nbsp; var viewContainer = $(thenext);<br />
&nbsp;<br />
&nbsp; &nbsp; if ($(source).html() == &quot;-&quot;) {<br />
&nbsp; &nbsp; &nbsp; &nbsp; $(source).html(&quot;+&quot;);<br />
&nbsp; &nbsp; &nbsp; &nbsp; viewContainer.hide();<br />
&nbsp; &nbsp; }<br />
&nbsp; &nbsp; else {<br />
&nbsp; &nbsp; &nbsp; &nbsp; $(source).html(&quot;-&quot;);<br />
&nbsp; &nbsp; &nbsp; &nbsp; viewContainer.show();<br />
&nbsp; &nbsp; }<br />
}<br />
&nbsp; &nbsp; &lt;/script&gt; <br />
<br />
<br />
&lt;a href=&quot;javascript:togglePan<wbr />elMore('#r<wbr />ow&lt;%=i+1%&gt;<wbr />', '#togglerow&lt;%=i+1%&gt;')&quot; id=&quot;togglerow&lt;%=i+1%&gt;&quot;&gt;+&lt;/<wbr />a&gt;
</div>
</div>


I have a dynamic table with a toggle show row. When the page loads the sub rows are visiable. How do I make them hidden until I expand them. Here is the code that I am working with.

<script type="text/javascript"> 
	


        function togglePanelMore(thenext, source) {
    var viewContainer = $(thenext);
 
    if ($(source).html() == "-") {
        $(source).html("+");
        viewContainer.hide();
    }
    else {
        $(source).html("-");
        viewContainer.show();
    }
}
    </script> 


<a href="javascript:togglePanelMore('#row<%=i+1%>', '#togglerow<%=i+1%>')" id="togglerow<%=i+1%>">+</a>

Jquery Hide

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.