onClick不显示div
onClick不显示div
提问于 2013-01-18 22:38:25
我的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>.");
});回答 5
Stack Overflow用户
发布于 2013-01-18 22:42:53
试试toggle
$(".first1").on('click',
function () {
$('#suitsyou').toggle();
});
$(".last1").on('click',
function () {
$('#dealsandoffers').toggle()
});Stack Overflow用户
发布于 2013-01-18 23:07:56
$(function(){
$('div').hide()
$('li.first1').click(function(){
$('div').hide()
$('#suitsyou').slideToggle();
});
$('li.last1').click(function(){
$('div').hide()
$('#dealsandoffers').slideToggle();
});
});Stack Overflow用户
发布于 2013-01-18 22:43:17
您的代码是无效的，如果您查看了浏览器的开发人员工具，就会知道这一点(控制台中会出现错误)。
jQuery中没有onclick()函数，它被简单地称为.click()，当该事件被触发时，它需要一个单独的函数来执行。您不能传递两个函数在交替单击时执行，尽管jQuery为此提供了一个函数：.toggle() (不要与切换一组元素的可见性的函数混淆)
用法：
$(".first1").toggle(
function () {
$('#suitsyou').show();
},
function () {
$('#suitsyou').hide();
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/14401184
复制相关文章
相似问题
腾讯云开发者
