0

Sorry, i'm newbie user Wordpress.

Want a accordion list like this:

News
News 1
News 2
News 3

And when click a accordion item, get image/video slider.

How can i make like this? Thank you

Sample img: enter image description here

2
  • I can't see any accordion in any page of your example. There are only slideshows.
    – Overdose
    Commented May 21, 2013 at 9:23
  • @user29296 Edited my post.
    – Karmacoma
    Commented May 21, 2013 at 9:34

1 Answer 1

0

Do you mean when you click on each (or any) News item, you have the scroll list of video/image + the slider OR your accordion replaces the scroll list in your capture ?

Anyhow, i think this is more a javascript question than a Wordpress one.

You could use jquery UI Accordion ,

or an accordion plugin,

or build a simple one like this

<ul id="accordion">
    <li>
        <h2>title1</h2>
        <div class="accordionitem">content 1 with slideshow (and scroller ?)</div>
    </li>
    <li>
        <h2>title2</h2>
        <div class="accordionitem">content 2 with slideshow (and scroller ?)</div>
    </li>
    ...
</ul>
<script type="text/javascript">
var $j = jQuery.noConflict();
$j("document").ready(function(){
    $j("#accordion div").slideUp("normal");
    $j("#accordion h2").each(function( index ) {
        $j(this).click(function(){
            $j("#accordion div").slideUp("normal");
            $j(this).parent().find('.accordionitem').slideDown("normal");
        });
    })
});

</script>

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.