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コードをドキュメント内に配置する必要があります。

$(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 に答える