人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

●質問者: takanii
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● a-kuma3
●500ポイント ベストアンサー

こんな感じでどうでしょうか。
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; /* ★ */
}
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ