的onClick没有显示DIV

我jQuery是不是表明我希望它在http://jsfiddle.net/jspence29/a3BQR/1/的onClick没有显示DIV

我想大的div当你在按钮和dissapear点击，当你再次点击出现在div，但它只是ISN” t出现。谢谢

另外，什么是更推荐使用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>."); 
});

来源

2013-01-18 user1940007

尝试toggle

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

来源

2013-01-18 14:42:52 karthikr

你的代码是无效的，这你知道，如果你看着你的浏览器的开发者工具（你会在控制台中有错误）。

有jQuery中没有onclick()功能，它的简称.click()，它需要一个单功能时，触发该事件来执行。不能传递两种功能被交替执行的点击，虽然jQuery也提供一种用于一个函数：.toggle()（不要与该切换一组元素的可视性的功能相混淆）

用法：

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

来源

2013-01-18 14:43:17

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

.onClick不function()第二功能之后的功能
你缺少开放的括号内。
你没挑的jQuery中的jsfiddle

来源

2013-01-18 14:43:32

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

你的框架和隐藏的div在HTML

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

http://jsfiddle.net/A6Uvx/

来源

2013-01-18 14:46:10 JohnJohnGa

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

来源

2013-01-18 15:07:56

的onClick没有显示DIV

回答

相关问题