2013-01-18 127 views
0

我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>."); 
}); 

回答

2

嘗試toggle

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

你的代碼是無效的,這你知道,如果你看着你的瀏覽器的開發者工具(你會在控制檯中有錯誤)。

有jQuery中沒有onclick()功能,它的簡稱.click(),它需要一個功能時,觸發該事件來執行。不能傳遞兩種功能被交替執行的點擊,雖然jQuery也提供一種用於一個函數:.toggle()(不要與該切換一組元素的可視性的功能相混淆)

用法:

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

您有大量的錯誤,我糾正在這裏:http://jsfiddle.net/a3BQR/4/ - 請注意,以這種方式使用.toggle已在jQuery 1.9中刪除。爲了方便,我只是在這裏做了。

  1. .onClickfunction()第二功能之後的功能
  2. 你缺少開放的括號內。
  3. 你沒挑的jQuery中的jsfiddle
0
$(function(){ 
    $('li.first1').click(function(){ 
    $('#suitsyou').toggle(); 
    }); 
}); 

你的框架和隱藏的div在HTML

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

http://jsfiddle.net/A6Uvx/

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