javascriptの質問です

http://jsfiddle.net/y4jchwck/
こちらなのですが
表示ボタンでチェックボックスが消えたり見えたりします
チェックボックスをON ONNすることによってチェックボックスの下に出てくる画像が変わります
チェックボックスが消えてる時は 下の画像も一緒に消えて欲しいのですがどうすればいでしょうか?
教えてください。

回答の条件
  • 1人1回まで
  • 13歳以上
  • 登録:2014/11/07 23:19:33
  • 終了:2014/11/08 02:10:48

ベストアンサー

id:a-kuma3 No.1

a-kuma3回答回数4363ベストアンサー獲得回数18002014/11/07 23:42:38

ポイント500pt

こんな感じでどうでしょうか。
http://jsfiddle.net/7yvpkapa/1/

追記したところに、コメントで ★ をつけてます。

javascript

$(function(){
    $(".ch").click(function(){
        if ($("input[type='checkbox']").attr('displayed') != 'YES') {
            $("input[type='checkbox']").attr('displayed', 'YES');
            $("input[type='checkbox']").css('display','inline');
            $("input[type='button']").css('display','inline');
            $("IMG").attr("src", "http://f.st-hatena.com/images/fotolife/a/a-kuma3/20141019/20141019085212.png");
            $(".check_image").css("display", "block");  // ★
        } else {
            $("input[type='checkbox']").attr('displayed', 'NO');
            $("input[type='checkbox']").css('display','none');
            $("input[type='button']").css('display','none');
            $("IMG").attr("src", "http://www.dotup.org/uploda/www.dotup.org5403569.png");
            $(".check_image").css("display", "none");   // ★
        }
    });
});

css

.check_image {
    height: 400px;
    display: none;  /* ★ */
}

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません