Jqueryの質問です

表示ボタンを押したらチェックボックスとボタンが表示されるコードを書きました
http://jsfiddle.net/4sc2jtgd/1/
表示ボタンを押したら 画像が非表示に変わりチェックボックスとボタンが表示され
非表示ボタンを押したら 画像が表示に変わり チェックボックスとボタンが消えるようにしたいのですが
どこをいじればいいでしょうか?
よろしくお願いします

回答の条件
  • 1人1回まで
  • 13歳以上
  • 登録:2014/10/19 05:57:43
  • 終了:2014/10/26 06:00:06

回答(1件)

id:a-kuma3 No.1

a-kuma3回答回数4487ベストアンサー獲得回数18562014/10/19 09:02:49

ポイント500pt

元のコードをなるべく改変しないようにしてみました。
http://jsfiddle.net/n7fxcxfL/1/

$(function(){
    $(".ch").click(function(){
        if ($("input[type='checkbox']").css('display') != 'inline') {
            $("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");
        } else {
            $("input[type='checkbox']").css('display','none');
            $("input[type='button']").css('display','none');
            $("IMG").attr("src", "http://www.dotup.org/uploda/www.dotup.org5370184.png");
        }
    });
});

チェックボックスやボタンなどのセレクタは、ID やクラスの方が良いと思います。

他3件のコメントを見る
id:a-kuma3

スマホで見たからダメだったのかもしれません。

あ、ほんとですね、非表示にならないや。
ちょっと変えてみました(↓)。
http://jsfiddle.net/n7fxcxfL/3/

一応、Android の標準ブラウザと、Chrome では、動くみたいです。

2014/10/19 14:50:48
id:takanii

動きました!ありがとうございました!

2014/10/19 14:57:11
  • id:jislotz
    jQueryを使うのであれば、toggleClass()を使うといいんじゃないかなと思います。
    https://www.google.co.jp/search?q=jquery+toggleClass

    あと、2つの隣り合うinput要素に対して共通の振る舞いをさせていますけど、
    そういうものは何らかのタグで括って、同じグループですよと明示することで、色々と捗ります。

    HTML5に一時期あったdetails/summary要素、あれ、好きだったのに。
    また復活しないかな。

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

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

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

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