0

我正在使用以下脚本根据 div 的状态显示不同的背景。

未展开时显示“加号 (+)”，展开时则没有背景图像（不显示任何内容）。

那里的问题是只工作一次，我不知道为什么。

这是代码：

编辑（添加 HTML）！

HTML：

<body>
    <section>
        <div class="wrapper wf">
            <ul id="Parks" class="just">
<!--------------- PRODUCT -->
                <li class="mix" href="#therapy_vital" >
                <div class="meta name">
                        <div class="img_wrapper">
                            <img src="images/spa/masaje/.jpg" onload="imgLoaded(this)"/>
                        </div>
                        <div class="titles">
                            <h2>TITLE</h2>
                        </div>
                    </div>
                    <!-- Expand -->
                    <div href="#therapy_vital" class="nav-toggle"></div>
                    <div id="therapy_vital" style="display:none">
                <article class="ac-small">
                 SUBCONTENT<br><br><br><br><br><br><br><br><br><br><br><br>
                 </article>
                </div>
                </li> 
<!--------------- PRODUCT -->
                <li class="mix" href="#therapy_natur" >
                <div class="meta name">
                        <div class="img_wrapper">
                            <img src="images/spa/masaje/.jpg" onload="imgLoaded(this)"/>
                        </div>
                        <div class="titles">
                            <h2>TITLE</h2>
                        </div>
                    </div>
                    <!-- Expand -->
                    <div href="#therapy_natur" class="nav-toggle"></div>
                    <div id="therapy_natur" style="display:none">
                <article class="ac-small">
                 SUBCONTENT<br><br><br><br><br><br><br><br><br><br><br><br>
                 </article>
                </div>
                            </li> 
</ul>
</div>                      
        </section>
    </body>

JS：

$(document).ready(function() {
    $('.meta').click(function() {
        $(this).css('background', 'none');
    });
    $('.mix').click(function() {
        var collapse_content_selector = $(this).attr('href');
        var toggle = $(this);
        $('.meta').click(function() {
            $(this).css('background', 'url(images/arrow_down.png) no-repeat scroll 95% 97% transparent');
        });
        $(collapse_content_selector).toggle(function() {});
    });
});

（.mix 值使 Div 扩展，.meta 类切换到不同的背景）。

有什么线索吗？

EDIT2（现场示例）

http://anubisfiles.com/test/test.html

（由于我对 jsFiddle 不是很熟悉，我更愿意向您展示它托管在网站上）。

谢谢！

4

2 回答 2

0 
$('.mix').click(function() {
        var collapse_content_selector = $(this).attr('href');
        var toggle = $(this);

        $(this).find('.meta').css('background', 'url(images/arrow_down.png) no-repeat scroll 95% 97% transparent');
        $(collapse_content_selector).toggle(function() {});
    });

尝试这个

于 2013-08-28T09:41:11.913 回答
0

使用 on 函数绑定事件，

$('element').on('click', function() {

});
于 2013-08-28T09:31:25.403 回答