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

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

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

▽最新の回答へ

1 ● a-kuma3
●500ポイント

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


takaniiさんのコメント
非表示というボタンを押しても元に戻りません

a-kuma3さんのコメント
jsFiddle の↓のページでも、元に戻りませんか? http://jsfiddle.net/n7fxcxfL/1/ Firefox と IE で試しましたけど、非表示をクリックすると、チェックボックスとボタンは消えるのですけれど。

takaniiさんのコメント
スマホで見たからダメだったのかもしれません。 パソコンから確認してみます!

a-kuma3さんのコメント
>> スマホで見たからダメだったのかもしれません。 << あ、ほんとですね、非表示にならないや。 ちょっと変えてみました(↓)。 http://jsfiddle.net/n7fxcxfL/3/ 一応、Android の標準ブラウザと、Chrome では、動くみたいです。

takaniiさんのコメント
動きました!ありがとうございました!
関連質問

●質問をもっと探す●



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