Jquery onClick不显示div

我的jquery没有显示我希望它显示的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>.");
});

$（“div”）。单击（函数（）{
var color=$（this.css（“背景色”）；
$（“#result”）.html（“该div是“+color+”）；
});

试试看

试一试

---

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

jQuery中没有

onclick（）

函数，它只是被称为

。单击（）

，当触发该事件时，只需执行一个函数。虽然jQuery确实提供了一个函数，但您不能传递两个在交替单击时执行的函数：（不要与切换一组元素可见性的函数混淆）

用法：

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

---

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

jQuery中没有

onclick（）

函数，它只是被称为

。单击（）

，当触发该事件时，只需执行一个函数。虽然jQuery确实提供了一个函数，但您不能传递两个在交替单击时执行的函数：（不要与切换一组元素可见性的函数混淆）

用法：

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

---

我在这里纠正了大量错误：--注意，在jQuery1.9中，以这种方式使用

.toggle

已被删除。我只是为了方便才在这里做的

.onClick

不是一个函数

对于第二个函数，

function（）

之后缺少开括号

在JSFIDLE中，您没有选择jQuery作为您的框架

---

我在这里纠正了大量错误：--注意，在jQuery1.9中，以这种方式使用

.toggle

已被删除。我只是为了方便才在这里做的

.onClick

不是一个函数

对于第二个函数，

function（）

之后缺少开括号

在JSFIDLE中，您没有选择jQuery作为您的框架

并在html中隐藏div

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

并在html中隐藏div

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

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