Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
How to read more / hide text using Jquery and PHP
#1
If you have set your php site to display post excerpts on the front or home page, you will want visitors to click on the read more link and show full text after click on hide link show small text see below code.

PHP and HTML Code

Code:
<div id="smallRead">
    <?php
       $string = $profileinfo['description'];
       if (strlen($string) > 150) {
           $stringCut = substr($string, 0, 150);
           $endPoint = strrpos($stringCut, ' ');
           $string = $endPoint? substr($stringCut, 0, $endPoint):substr($stringCut, 0);
           $string .= '... <a style="cursor: pointer;" id="HideReadmoreDisplay">Read More</a>';
       }
       echo $string;
       ?>
</div>
<div id="FullRead" style="display: none;">
    <? echo strip_tags($profileinfo['description']).'... <a style="cursor: pointer;" id="ReadmoreDisplay">Hide</a>'; ?>
</div>



Jquery Code

Code:
<script type="text/javascript">
   $('#ReadmoreDisplay').click(function(){
       $('#FullRead').hide();
       $('#smallRead').show();
   });
   $('#HideReadmoreDisplay').click(function(){
       $('#smallRead').hide();
       $('#FullRead').show();
   });
</script>
To Purchase Credit Click here , For how to make money on Sologet forum Click here . 
There is love in sharing
  


Possibly Related Threads...
Thread Author Replies Views Last Post
  How to Stop Sending E-Mail Spam using PHP mail function Kingsolomon 1 56 11-12-2018, 04:38 PM
Last Post: Solomon
  Multiple file upload in php Kingsolomon 1 64 11-08-2018, 03:01 PM
Last Post: Solomon
  How to limit text length in php and provide 'Read more' link Kingsolomon 0 46 10-31-2018, 02:08 PM
Last Post: Kingsolomon
  Download simple HTML email templates Kingsolomon 0 41 10-31-2018, 02:05 PM
Last Post: Kingsolomon
  TIPS How to get Page Loading Time using PHP Kingsolomon 1 74 10-11-2018, 08:29 AM
Last Post: kingugo

Forum Jump:


Users browsing this thread:
1 Guest(s)

How to read more / hide text using Jquery and PHP00