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

尝试切换

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

Answer 2

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

Answer 3

您有大量错误，我已在此处更正：http: //jsfiddle.net/a3BQR/4/ - 请注意，.toggle以这种方式使用已在 jQuery 1.9 中删除。我只是为了方便而在这里做的。

1. .onClick不是函数
2. 您function ()在第二个函数之后缺少左括号。
3. 你没有在 jsfiddle 中选择 jQuery 作为你的框架

Answer 4

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

并将 div 隐藏在您的 html 中

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

http://jsfiddle.net/A6Uvx/

Answer 5

您的代码无效，如果您查看了浏览器的开发人员工具，您就会知道（控制台中会出现错误）。

jQuery 中没有onclick()函数，它被简单地调用，并且在触发该事件时.click()需要一个函数来执行。您不能传递两个函数以在交替单击时执行，尽管 jQuery 确实为此提供了一个函数：（.toggle()不要与切换一组元素的可见性的函数混淆）

用法：

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