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

Answer 1

尝试 toggle

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