Displaying first row hiding the rest

[9three]

Hey,

 

I have a script that pulls information for me from my database. What I'm trying to do is css/php related. I want to show the first 6 results and hide the rest with css (display: none). I'm able to hide anything greater than 6 but the problem comes in when I want to display the hidden results. I use javascript(jquery) to show the hidden results when clicked on.

 

When I click on it, only 1 of the 12 are shown.

 

$intI = 0;
    while ($row = $objStatement->fetch()) {
      if ($intI < 6) {
        if ($intI % 6 == 0) {
        echo '<div class="artistWindowNon">
                <div class="content">
                  <div class="picture"><img src="images/profiles/medium_medium_dom_1.png" /></div>
                  <div class="info"><a href="profile.php?id='.$row['id'].'">More Info</a></div>
                  <div class="player">mp3</div>
                  <div class="vote">
                  Vote
                  </div>
                  
                  <div class="smallHR"></div>
                  <div class="addPlaylist"><img src="images/contestants/genre_detail/profile_mod_btn_add_nonactive.png" /></div>
                  <div class="addFav"><img src="images/contestants/genre_detail/profile_mod_btn_share_nonactive.png" /></div>
                  <div class="share"><img src="images/contestants/genre_detail/profile_mod_btn_fav_nonactive.png" /></div>
                </div>
                <div class="windowBottom"></div>
              </div>';
        }
        else {
          echo '<div class="artistWindowSpaced">
                  <div class="content">
                    <div class="picture"><img src="images/profiles/medium_medium_dom_1.png" /></div>
                    <div class="info"><a href="profile.php?id='.$row['id'].'">More Info</a></div>
                    <div class="player">mp3</div>
                    <div class="vote">
                    Vote
                    </div>
                    
                    <div class="smallHR"></div>
                    <div class="addPlaylist"><img src="images/contestants/genre_detail/profile_mod_btn_add_nonactive.png" /></div>
                    <div class="addFav"><img src="images/contestants/genre_detail/profile_mod_btn_share_nonactive.png" /></div>
                    <div class="share"><img src="images/contestants/genre_detail/profile_mod_btn_fav_nonactive.png" /></div>
                  </div>
                  <div class="windowBottom"></div>
                </div>';
        }
      }
      //Hidden
      else {
                if ($intI % 6 == 0) {
                  echo '<div style="display: none;" id="hiddenRows2">';
        echo '<div class="artistWindowNon">
                <div class="content">
                  <div class="picture"><img src="images/profiles/medium_medium_dom_1.png" /></div>
                  <div class="info"><a href="profile.php?id='.$row['id'].'">More Info</a></div>
                  <div class="player">mp3</div>
                  <div class="vote">
                  Vote
                  </div>
                  
                  <div class="smallHR"></div>
                  <div class="addPlaylist"><img src="images/contestants/genre_detail/profile_mod_btn_add_nonactive.png" /></div>
                  <div class="addFav"><img src="images/contestants/genre_detail/profile_mod_btn_share_nonactive.png" /></div>
                  <div class="share"><img src="images/contestants/genre_detail/profile_mod_btn_fav_nonactive.png" /></div>
                </div>
                <div class="windowBottom"></div>
              </div>';
              echo '</div>';
        }
        else {
          echo '<div style="display: none;" id="hiddenRows2">';
          echo '<div class="artistWindowSpaced">
                  <div class="content">
                    <div class="picture"><img src="images/profiles/medium_medium_dom_1.png" /></div>
                    <div class="info"><a href="profile.php?id='.$row['id'].'">More Info</a></div>
                    <div class="player">mp3</div>
                    <div class="vote">
                    Vote
                    </div>
                    
                    <div class="smallHR"></div>
                    <div class="addPlaylist"><img src="images/contestants/genre_detail/profile_mod_btn_add_nonactive.png" /></div>
                    <div class="addFav"><img src="images/contestants/genre_detail/profile_mod_btn_share_nonactive.png" /></div>
                    <div class="share"><img src="images/contestants/genre_detail/profile_mod_btn_fav_nonactive.png" /></div>
                  </div>
                  <div class="windowBottom"></div>
                </div>';
                echo '</div>';
        }
      }
      $intI++;
    }

 

When the user clicks on "Show More" (not show in this code) it shows the hidden results. But like I said, its only showing me 1 of then hidden results.

 

1st row is shown by default, the 2nd and 3rd are hidden.