Javascript only runs one
<p>I have a problem
where </p>

<pre><code>$(document).ready(function(){    
     $("# btn"). click (function () {
         $ ("# canshow"). fadeToggle ("slow");
    });
 });
</code></pre>

<p>and</p>

<pre><code>&lt;a id="btn"&gt; Button &lt;/ a&gt;
&lt;div id="canshow"&gt; 1 &lt;/ div&gt;
&lt;div id="canshow"&gt; 2 &lt;/ div&gt;
&lt;div id="canshow"&gt; 3 &lt;/ div&gt;
</code></pre>

<p>why that function only</p>

<pre><code>&lt;div id="canshow"&gt; 1 &lt;/ div&gt;
</code></pre>

<p>while others do not.<br>
I want</p>

<pre><code>&lt;div id="canshow"&gt; 2 &lt;/ div&gt;
&lt;div id="canshow"&gt; 3 &lt;/ div&gt;
</code></pre>

<p>also works. please Helpme. </p>
