顯示/隱藏文本JQuery

Question

我有這個代碼具有文本功能顯示/隱藏，現在「顯示文本」和「隱藏文本」都是可見的，任何人都有任何想法，我可以如何讓鏈接顯示和隱藏太？

$(document).ready(function(){ 
    $("#hide").click(function(){ 
    $(".content_post").hide(); 

    }); 

    $("#show").click(function(){ 
    $(".content_post").show(); 
    }); 
}); 

Answer 1

試試這個

$(document).ready(function(){ 
    $("#hide").click(function(){ 
    $(".content_post").hide(); 
    $("#hide").hide(); 
    $("#show").show(); 
    }); 

    $("#show").click(function(){ 
    $(".content_post").show(); 
    $("#hide").show(); 
    $("#show").hide(); 
    }); 
}); 

Answer 2

這也應該適用

$(document).ready(function(){ 
    $("#hide").click(function(){ 
     $(".content_post").hide(); 
     $(this).hide(); 
     $("#show").show(); 

    }); 
    $("#show").click(function(){ 
     $(".content_post").show(); 
     $(this).hide(); 
     $("#hide").show(); 
    }); 
}); 

Answer 3

而不是使用2個按鈕，你爲什麼不只能使用一個，跟.toggle()，這樣，你不不必隱藏和顯示按鈕。

$('#button').click(function(){ 
    $('.content_post').toggle(); 
}); 

這是一個link如果你想查看它的文檔。此外，如果你想給更多花哨的效果，你可以嘗試.slideToggle()或.fadeToggle()，我個人喜歡更多的淡入淡出。