toggling content

toggling content

Hi I'm new to jquery and I don't fully understand it yet.

I'm trying to create a page that has multiple content on it, but the content has to only show a certain amount of words and when the content is clicked it expands showing the rest of the content. It's similar to an accordian but instead of the titles being shown its a bit of the content.

This is the code I have so far

  1. <?php
  2. $str.='<div class="testimonial_content">
        <img class="floatleft" src="../images/camera.png" />
            <h1> Title One </h1>
               
            <p>';
             
                $str.= substr("Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ut sollicitudin nisl. Nullam dignissim orci nec dolor ullamcorper commodo id ac mauris. Nam quis velit euismod, scelerisque tellus sed, ornare enim. Proin nec euismod eros. Aenean a massa venenatis, tincidunt libero quis, rutrum turpis. Quisque non vulputate ligula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In hac habitasse platea dictumst. Phasellus ultricies suscipit leo, eu molestie nulla convallis id. Donec scelerisque, lacus quis tincidunt placerat, nisl metus tempus eros, sed sollicitudin tortor enim at erat. Sed massa ligula, porta ut ultricies at, congue ut nunc. Donec ornare feugiat varius. Integer ultrices, erat interdum auctor fringilla, nulla felis pulvinar erat, sit amet pulvinar leo magna nec neque. Vestibulum cursus condimentum eleifend. Fusce interdum condimentum turpis eu aliquet. Aliquam erat volutpat.", 0, 60);    
            $str.='</p>   
    </div>';







  3. echo $str;