Jqueryの質問です

Question

takanii

240

228もっと見る

500pt

ウェブ制作

Jqueryの質問です

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

回答の条件

1人1回まで

登録：2014/10/19 05:57:43
終了：2014/10/26 06:00:06

※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

河津武志 2014/10/19 08:54:50

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

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

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

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

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

リクエスト送信済

回答リクエストを送信したユーザーはいません

a-kuma3 · Answer 1 · 2014-10-19T09:02:49+09:00

元のコードをなるべく改変しないようにしてみました。
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 やクラスの方が良いと思います。

Jqueryの質問です

回答（1件）

a-kuma3497321542014/10/19 09:02:49

コメント（1件)

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