如何用jquery解决隐藏和可见问题

我正在尝试做一个场景。每行有两个按钮（一个是“添加我”，另一个是“修改我”）和一个文本链接（“选择”）。我希望，默认情况下，“添加我”按钮是隐藏的。如果有人单击“选择”，“选择”应更改为“取消选择”，“修改我”按钮应消失，“添加我”按钮应可见。如果有人点击“取消选择”，则会发生相反的事件

我已将“选择”文本设置为“取消选择”。但是，“添加我”按钮还没有出现。除此之外，从“删除”更改为“选择”并显示“修改我”按钮而不是“添加我”按钮不起作用

这是我的工作：

---

这里：

谢谢。听你摆弄，它在工作。但是，不幸的是，按照我的确切代码，它不起作用。请你看一眼，告诉我如何使这两个按钮在这个链接上工作：我接受你的答案作为我接受的答案，因为它解决了问题的要求。但是，我不知道为什么，在我之前的评论中，它在我给定的链接上不起作用。您能帮我解决这个问题吗？请尝试将.addbtn的选择器更改为sides（）或prev（）。非常感谢！它通过使用prev（）解释你的答案来工作，这不是一个代码共享网站。

$(".selected").click(function(){

  $(this).removeClass('selected').addClass('deselected').text('Deselct');
    $(this).next(".addBtn").css("visibility", "visible");
    $(this).next(".modifyBtn").hide();
});

$(".deselected").click(function(){

                    $(this).find('deselected').removeClass('deselected').addClass('selected').text('Select');
    $(this).next(".addBtn").hide();
    $(this).next(".modifyBtn").show();
});

$(".addbtn").hide();
$(document).on('click', '.right', function(e) {
    $(this).text($(this).text() == 'Select' ? 'Deselect' : 'Select');
    $(this).parent().find('.addbtn, .modifyBtn').toggle();
});