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() 
  });

Answer 2

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

Answer 3

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

jQuery中没有onclick()函数，它简称为.click()，当触发该事件时，它会执行单个函数。你不能传递两个函数来执行备用点击，虽然jQuery确实提供了一个函数：.toggle()（不要与切换一组元素的可见性的函数混淆）

用法：

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

Answer 4

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

.onClick不是函数
第二个函数function ()之后缺少空心括号。
你没有在jsfiddle

Answer 5

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

隐藏你的HTML中的div

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

http://jsfiddle.net/A6Uvx/

onClick没有显示div

5 个答案: