Question

我试图制作一个场景。在每一行，有两个按钮（一个是＆＃34;添加我＆＃34;另一个是：＆＃34;修改我＆＃34;）和文本链接（＆＃34;选择＆＃34;）。我希望如此，默认情况下，＆＃34;添加我＆＃34;按钮被隐藏。如果有人点击＆＃34;选择＆＃34;，＆＃34;选择＆＃34;应更改为＆＃34;取消选择＆＃34;和＃34;修改我＆＃34;按钮应该消失了＆＃34; Add Me＆＃34;按钮应该是可见的。如果有人点击＆＃34;取消选择＆＃34;，则应该发生相反的事件。

我已经选择了＆＃34; Select＆＃34;文字到＆＃34; Deslect＆＃34;。但是，＆＃34;加我＆＃34;按钮还没来。除此之外，改变＆＃34; Deselct＆＃34;到＆＃34;选择＆＃34;并且可以看到＆＃34;修改我＆＃34;按钮而不是＆＃34;添加我＆＃34;按钮不起作用。

这是我的工作：http://jsfiddle.net/learner73/hyNT3/

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

Answer 1

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

此处：http://jsfiddle.net/hyNT3/1/

如何通过jquery解决hide和visible问题

1 个答案: