jquery - onClickでdivが表示されない

Question

私のjqueryは、http://jsfiddle.net/jspence29/a3BQR/1/で必要なdivを表示していません

ボタンをクリックすると大きなdivが表示され、もう一度クリックすると消えるようにしたいのですが、表示されません。ありがとう

また、CSS変更jqueryまたはこの表示と非表示のクエリを使用することをお勧めしますか?

$(".first1").onClick(
  function () {
    $('#suitsyou').show();
  },
  function () 
    $('#suitsyou').hide();
  });

または何かのような

$("div").click(function () {
  var color = $(this).css("background-color");
  $("#result").html("That div is <span style='color:" +
                     color + ";'>" + color + "</span>.");
});

score 2 · Accepted Answer

トグルしてみてください

$(".first1").on('click', 
  function () {
    $('#suitsyou').toggle();
  });
$(".last1").on('click', 
  function () {
      $('#dealsandoffers').toggle() 
  });

score 1 · Accepted Answer

$(function(){
    $('div').hide()
$('li.first1').click(function(){
    $('div').hide()
   $('#suitsyou').slideToggle();
});
$('li.last1').click(function(){
   $('div').hide()
   $('#dealsandoffers').slideToggle();
});    
});

score 0 · Accepted Answer

$(function(){
  $('li.first1').click(function(){
   $('#suitsyou').toggle();
  });
});

そして、あなたのhtmlでdivを非表示にします

<div id="suitsyou" style='display:none'>

http://jsfiddle.net/A6Uvx/

score 0 · Accepted Answer

コードが無効です。ブラウザの開発者ツールを見ればわかります (コンソールにエラーが表示されます)。

onclick()jQuery には関数はなく、単純に呼び出され、そのイベントがトリガーされたときに実行する関数.click()が 1つ必要です。jQuery はそのための関数を提供しますが、交互のクリックで実行される 2 つの関数を渡すことはできません.toggle()(一連の要素の可視性を切り替える関数と混同しないでください)。

使用法：

$(".first1").toggle(
    function () {
        $('#suitsyou').show();
    },
    function () {
        $('#suitsyou').hide();
    });

score 0 · Accepted Answer

ここで修正した多数のエラーがあります: http://jsfiddle.net/a3BQR/4/.toggle --この方法での使用は jQuery 1.9 で削除されたことに注意してください。便宜上、ここにしました。

.onClick関数ではありません
function ()2 番目の関数の後に開き括弧がありません。
jsfiddle のフレームワークとして jQuery を選択しませんでした

jquery - onClickでdivが表示されない

5 に答える 5

Related

Reference