Jquery show hide not working with jquery waterwheel plugin
<p>I am Using 7 image jquery waterwheel.</p>

<pre><code>&lt;div class="carousel-images"&gt;

            &lt;img src="img/large_girl.jpg" title="Danielle M., 23Yrs., Model." id="oneimg" /&gt;
            &lt;img src="img/large_girl.jpg" title="Selena Gomez., 20Yrs., Student." id="twoimg"  /&gt;
            &lt;img src="img/large_girl.jpg" title="Alicia, 19Yrs., Model."  id="threeimg" /&gt;
            &lt;img src="img/large_girl.jpg" title="Alicia, 19Yrs., Model."  id="fourimg" /&gt;
            &lt;img src="img/large_girl.jpg" title="Alicia, 19Yrs., Model."  id="fiveimg" /&gt;
            &lt;img src="img/large_girl.jpg" title="Alicia, 19Yrs., Model."  id="siximg" /&gt;
            &lt;img src="img/large_girl.jpg" title="Alicia, 19Yrs., Model."  id="sevenimg" /&gt;
      &lt;/div&gt;
</code></pre>

<p>i want to show the text of particular image clicked ie when image id "oneimg" is clicked then in below UL li the li with "one " should be visible.</p>

<pre><code>&lt;ul&gt;          


&lt;li id="one"&gt;
&lt;img src="img/left_quote.png"&gt;You Wish You Could Dance With Me.  &lt;span&gt;I AM GAME&lt;/span&gt; &lt;img src="img/right_quote.png"&gt;
&lt;/li&gt;

&lt;li id="two"&gt;
&lt;img src="img/left_quote.png"&gt;You Wish You Could Go To Beach With Me.  &lt;span&gt;I AM GAME&lt;/span&gt; &lt;img src="img/right_quote.png"&gt;
&lt;/li&gt;

&lt;li id="three"&gt;
&lt;img src="img/left_quote.png"&gt;You Wish You Were Younger.  &lt;span&gt;GIVE ME A CHANCE&lt;/span&gt; &lt;img src="img/right_quote.png"&gt;
&lt;/li&gt;
 &lt;li id="four"&gt;&lt;img src="img/left_quote.png"&gt;You Wish You Could Learn Portuguese.  &lt;span&gt;I AM GAME&lt;/span&gt; &lt;img src="img/right_quote.png"&gt;
&lt;/li&gt;
&lt;li id="five"&gt;
&lt;img src="img/left_quote.png"&gt;You Wish You Could Get Closer.  &lt;span&gt;I AM GAME&lt;/span&gt; &lt;img src="img/right_quote.png"&gt;
&lt;/li&gt;
&lt;li id="six"&gt;
&lt;img src="img/left_quote.png"&gt;You Want Me At Business Luncheon.     &lt;span&gt;I AM GAME&lt;/span&gt; &lt;img src="img/right_quote.png"&gt;
&lt;/li&gt;
&lt;li id="seven"&gt;&lt;img src="img/left_quote.png"&gt;You Wish To Meet My Friends.  &lt;span&gt;I AM GAME&lt;/span&gt; &lt;img src="img/right_quote.png"&gt;
&lt;/li&gt;
  &lt;/ul&gt; 
</code></pre>

<p>i am using this in jquery </p>

<pre><code>$('.sevensins ul li').hide();

                    $('#oneimg').click(function(e) {
                        $('.sevensins ul li#one').show();
                        !$('.sevensins ul li#one').hide();
                        });                     

                    $('#twoimg').click(function(e) {
                        $('.sevensins ul li#two').show();
                        !$('.sevensins ul li#two').hide();
                        }); 

                        $('#threeimg').click(function(e) {
                        $('.sevensins ul li#three').show();
                        !$('.sevensins ul li#three').hide();
                        }); 

                        $('#fourimg').click(function(e) {
                        $('.sevensins ul li#four').show();
                        !$('.sevensins ul li#four').hide();
                        }); 

                        $('#fiveimg').click(function(e) {
                        $('.sevensins ul li#five').show();
                        !$('.sevensins ul li#five').hide();
                        }); 

                        $('#siximg').click(function(e) {
                        $('.sevensins ul li#six').show();
                        !$('.sevensins ul li#six').hide();
                        }); 

                        $('#sevenimg').click(function(e) {
                        $('.sevensins ul li#seven').show();
                        !$('.sevensins ul li#seven').hide();
                        }); 
</code></pre>
