显示/隐藏文本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()，我个人喜欢更多的淡入淡出。