1

Reigel 的代码就像 JSFiddle 上的冠军。但不会为我做任何事。我可能会错过什么？我相信我有正确的标签和指向 JQuery 库相关版本的链接。

  <!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JQuery Show/ Hide Cart- Working??!!- Mine</title>
<style type="text/css">
.hidden {
    display: none;
}
</style>
<script language="javascript">
 $(".toggle").click(function(){
  $(".hidden").slideToggle("slow");
    $(this).find('img').attr('src',function(i,src){
        return (src.indexOf('plusSign.gif') != -1)? 'minusSign.gif' : 'plusSign.gif';
    })
}); 


    $(".toggle").click(function(){
  $(".hidden").slideToggle("slow");
        $(this).html(function(i,html) {
            if (html.indexOf('Show') != -1 ){
               html = html.replace('Show','Hide');
            } else {
               html = html.replace('Hide','Show');
            }
            return html;
        }).find('img').attr('src',function(i,src){
        return (src.indexOf('plus.png') != -1)? 'http://t1.gstatic.com/images?    q=tbn:1PS9x2Ho4LHpaM:http://www.unesco.org/ulis/imag/minus.png' :'http://t3.gstatic.com/images?q=tbn:4TZreCjs_a1eDM:http://www.venice.coe.int/images/plus.png';
    });
});
</script>
</head>

<body>
<p class="toggle">Show Panel <img src="http://t3.gstatic.com/images?q=tbn:4TZreCjs_a1eDM:http://www.venice.coe.int/images/plus.png"></p>
<div class="hidden"> Blah Blah Blah </div>
</body>
</html>
4

1 回答 1

0

您应该将所有 jquery 代码放入文档准备就绪，以便仅在文档加载 ex 时执行代码

$(function(){
//all you code now
$(".toggle").click(function(){
  $(".hidden").slideToggle("slow");
    $(this).find('img').attr('src',function(i,src){
        return (src.indexOf('plusSign.gif') != -1)? 'minusSign.gif' : 'plusSign.gif';
    })
}); 


    $(".toggle").click(function(){
  $(".hidden").slideToggle("slow");
        $(this).html(function(i,html) {
            if (html.indexOf('Show') != -1 ){
               html = html.replace('Show','Hide');
            } else {
               html = html.replace('Hide','Show');
            }
            return html;
        }).find('img').attr('src',function(i,src){
        return (src.indexOf('plus.png') != -1)? 'http://t1.gstatic.com/images?    q=tbn:1PS9x2Ho4LHpaM:http://www.unesco.org/ulis/imag/minus.png' :'http://t3.gstatic.com/images?q=tbn:4TZreCjs_a1eDM:http://www.venice.coe.int/images/plus.png';
    });
});

});

在此处阅读更多信息

于 2013-06-15T13:09:31.800 回答