Jquery 为什么'；那不行吗？

html:

---

当点击后栏时，背景位置变回“顶部”，但它保持b位置为底部

我认为您将回调放在了错误的位置，第二个参数作为滑动切换，而不是单击

$（'.proces_colm'）。单击（函数（）{

这可能不会像您预期的那样起作用，但我认为它可以帮助您找到解决方法

解决办法：

$('.proces_colm').click(function() {

    var ele = $(this), nxt = ele.next();
    //stop the animation firstly
    ele.next().stop(true).slideToggle('normal', function() {

        if (nxt.is(':hidden')) {

            ele.css('background-position', 'left top');

        } else {

            ele.css('background-position', 'left bottom');

        }
    });

});

---

哪里是

html

和

css

code？？？你能写html代码吗？它应该是

$（'.proces\u colm'，这个）。

你也在尝试做

toggle（）

正在使用

click

查看

的文档。click

：。它没有说

在任何地方。click

接受多个函数并在它们之间切换。你到底想做什么？我们拥有的信息越多，我们就越能帮助你！我确实明白你的意思！它可以工作，但问题是什么第二次点击colm的原因和结果是b.position-bottom？它应该返回到b.position-top..我在上面编辑了我的js代码.slideToggle是异步的，所以下一次单击提交时可能无法完成，我认为最好使用css，请稍等，我将改进答案现在查看答案，它将确保背景位置与ele.next的显示状态同步

<div class="proces_colm">x</div><!--proces_colm-->
<div class="proces_colm_sub">xx</div><!--proces_colm_sub>

.proces_colm{float:left; width:100%; height:31px; position:relative; margin-top:10px; 
background:#cad7ea url(images/procesArrow.png) left top no-repeat; text-align:left;   
cursor:pointer;}

.proces_colm_sub{float:left; width:100%; position:relative; height:auto; 
background:#add8e6; text-align:left; font-size:1.30em;}

    var ele = $(this);

    ele.next().slideToggle('normal', function() {

        ele.css('background-position', 'left top');
    });

    ele.css('background-position', 'left bottom');
});

$('.proces_colm').click(function() {

    var ele = $(this), nxt = ele.next();
    //stop the animation firstly
    ele.next().stop(true).slideToggle('normal', function() {

        if (nxt.is(':hidden')) {

            ele.css('background-position', 'left top');

        } else {

            ele.css('background-position', 'left bottom');

        }
    });

});

$('.proces_colm').click(function(){
    var colm = $(this);
colm.next().slideToggle('normal', function(){ 
    colm.css('background-position','0% 100%');
});
    colm.css('background-position','0% 0%');
});