Question

我有一个很好的工作脚本，您可以使用两个“文本”按钮展开和折叠div。我想用expand（expand.png）的图像替换它们，而另一个用于collapse（collapse.png）。

<script type="text/javascript">
$(document).ready(function(){
    $("#expanderHead").click(function(){
        $("#expanderContent").slideToggle();
        if ($("#expanderSign").text() == "+"){
            $("#expanderSign").html("−")
         }
        else {
            $("#expanderSign").text("+")
        }
    });
});

似乎无法弄清楚如何在代码中实现img ...如果任何人都可以提供帮助，那就太棒了！

Answer 1

假设您的#expanderHead是<img>，那么您可以更改来源，如下所示：

$(document).ready(function(){
    $("#expanderHead").click(function(){
        $("#expanderContent").slideToggle();
        if ($("#expanderSign").attr("src") == "expand.png"){
            $("#expanderSign").attr("src","collapse.png");
        }
        else {
           $("#expanderSign").attr("src","expand.png");
        }
    });
});

用jquery扩展div，用按钮切换

1 个答案: