WordPress.org

Ready to get started?Download WordPress

Forums

Use jquery in a for statement to show/hide fields (2 posts)

  1. giwrgos88
    Member
    Posted 2 years ago #

    Hello every one! i having a question and i want your help. i'm trying to use j query to hide some contents in a for statement but is not working. here is the code

    $total_attachments = count($attachments);
          if( $total_attachments > 0 )
          {
            for ($i=0; $i < $total_attachments; $i++)
            {
                //output div and image in it
                echo '<div class="pictures_entry_singles">';
                echo '<img src="'.$attachments[$i]["location"].'" width="128" height="120" alt="'.get_the_title().'" />';
                echo '<div id="title">';
                echo '<h6>'.$attachments[$i]["title"].'</h6></div>';
                echo '<div class="description">';
                echo '<h6>'.$attachments[$i]["description"].'</h6></div>';
                    echo '</div>';
            }
          } }

    here is my java script code

    $(document).ready(function(){ // waiting for the document to be ready for manipulation
                            $(".description").hide(); // Hide the text at the loading of the page
                                $("#pictures_entry_singles img").click(function(){ // When the image is clicked do...
                                    $(".description").slideToggle(1000, "swing"); //... do a slide
                                });
                        });

    i want to hide the description. and when a user clicks on a picture <img src="'.$attachments[$i]["location"].'" width="128" height="120" alt="'.get_the_title().'" />, i want to slide down the description of this picture. how i can do this?

  2. esmi
    Theme Diva & Forum Moderator
    Posted 2 years ago #

Topic Closed

This topic has been closed to new replies.

About this Topic