0

私の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>.");
});
4

5 に答える 5

2

トグルしてみてください

$(".first1").on('click', 
  function () {
    $('#suitsyou').toggle();
  });
$(".last1").on('click', 
  function () {
      $('#dealsandoffers').toggle() 
  });
于 2013-01-18T14:42:52.877 に答える
1 
$(function(){
    $('div').hide()
$('li.first1').click(function(){
    $('div').hide()
   $('#suitsyou').slideToggle();
});
$('li.last1').click(function(){
   $('div').hide()
   $('#dealsandoffers').slideToggle();
});    
});
于 2013-01-18T15:07:56.227 に答える
0 
$(function(){
  $('li.first1').click(function(){
   $('#suitsyou').toggle();
  });
});

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

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

http://jsfiddle.net/A6Uvx/

于 2013-01-18T14:46:10.557 に答える
0

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

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

使用法：

$(".first1").toggle(
    function () {
        $('#suitsyou').show();
    },
    function () {
        $('#suitsyou').hide();
    });
于 2013-01-18T14:43:17.323 に答える
0

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

  1. .onClick関数ではありません
  2. function ()2 番目の関数の後に開き括弧がありません。
  3. jsfiddle のフレームワークとして jQuery を選択しませんでした
于 2013-01-18T14:43:32.390 に答える