Jquery conflict problem
<p>Code 1 is conflict with another Jquery function in the code, then I add the <strong>jQuery.noConflict()</strong>(See the Code 2). However, the function didn't work when adding <strong>jQuery.noConflict()</strong>.</p>

<p>Can anyone help me? Thanks in advance!</p>

<p><em><strong>Code 1</em></strong>
    </p>

<pre><code>            $(document).ready(function(){          
                $("#insideTable &gt; tbody &gt; tr:odd").addClass("odd");
                $("#insideTable &gt; tbody &gt; tr:not(.odd)").hide();
                $("#insideTable &gt; tbody &gt; tr:odd").show();
                $("#insideTable &gt; tbody &gt; tr.odd").click(function(){
                    $(this).next().toggle();
                    $(this).find(".arrow").toggleClass("up");
                });

            });
        &lt;/script&gt;
</code></pre>

<p><em><strong>Code 2</em></strong>
    </p>

<pre><code>                $(document).ready(function(){
                    jQuery.noConflict();         
                    $("#insideTable &gt; tbody &gt; tr:odd").addClass("odd");
                    $("#insideTable &gt; tbody &gt; tr:not(.odd)").hide();
                    $("#insideTable &gt; tbody &gt; tr:odd").show();
                    $("#insideTable &gt; tbody &gt; tr.odd").click(function(){
                        $(this).next().toggle();
                        $(this).find(".arrow").toggleClass("up");
                    });

                });
            &lt;/script&gt;
</code></pre>
