我怎么才能做出这样的结构呢?

时间:2013-05-21 作者:Karmacoma

对不起,我是Wordpress的新手。

想要这样的手风琴列表:

News
News 1
News 2
News 3
单击手风琴项目时,获取图像/视频滑块。

我怎么能这样做?非常感谢。

img示例:enter image description here

1 个回复
最合适的回答,由SO网友:Overdose 整理而成

你的意思是当你点击每个(或任何)新闻项目时,你有视频/图像的滚动列表+滑块,或者你的手风琴代替了你拍摄的滚动列表?

无论如何,我认为这是一个javascript问题,而不是Wordpress问题。

你可以使用jquery UI Accordion ,

或手风琴插件,

或者做一个像这样简单的

<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>

结束

相关推荐

Upload images - Theme options

我正在使用这个很棒的[图坦卡门+教程][1]创建主题选项页面。这对我来说很好,因为我需要通过css更改div的背景图像。它可以很好地与一个图像,但我不知道如何使它与2个图像?如果你能告诉我我做错了什么,那将是一个巨大的帮助?谢谢 <?php function wptuts_get_default_options() { $options = array(); $options[] = array(\'logo\' => \'\');