Question

Im creating a wordpress site with WP-Ecommerce. My client asked for a functionality that i cant figure out how to make. He has a product with a long description and he wants multiple “read on” links to hide parts of it. It should be done in javascript so that client wont be redirected anywhere when he clicks on read more (extended content should just scroll open.)

it would be nice to find a plugin but i cant seem to find one.

Answer 1

somhow i couldn’t get accordion() function to work but Steve pointed me in right direction and i got this going:

function add_accordion_js() {
?>
<script>
    jQuery(function() {

        jQuery(".accordion").hide();    

        jQuery(".opener").click(function (e) {
            jQuery(this).parent().next('.accordion').slideDown('fast');
            jQuery(this).slideUp();        
        }); 

    });
</script>
<?php
}

function jquery_accordion($atts, $content = null) {
    return '<span class="opener">(read more)</span><div class="accordion">' .   do_shortcode($content) . '</div>';
}


add_action('wp_head', 'add_accordion_js');
add_shortcode('accordion', 'jquery_accordion');

and things i needed to hide under read more link i wrapped in [accordion][/accordion]tags