Question

你好我已经设法在用户点击另一个表单时淡化非活动表单。每种形式都有一类托盘制作者。我现在想隐藏其他形式的按钮。按钮有一个名为addBUtton的类到目前为止的代码

$(".palletbuilder").click(function () {
    var $t = $(this);
    $t.siblings().animate({
     opacity: 0.5
        }, 500);

    $t.animate({
    opacity: 1
        }, 500);
});

Answer 1

尝试：

$(".palletbuilder").click(function () {
    var $t = $(this);
    $t.siblings().animate({
     opacity: 0.5
        }, 500);

    $t.animate({
    opacity: 1
        }, 500);
    $(".addBUtton").each(function () {
      $(this).hide();
    )};
});

Answer 2

这是您可能正在寻找的：

$t.children('.addBUtton').show();
$t.siblings().children('.addBUtton').hide();

演示：http://jsfiddle.net/cdkAP/

Answer 3

$t.siblings().find(':input.addButton').hide()

这是fiddle

Answer 4

使用jQuery提供的“not”运算符排除对象。

$(function() {
  $("form").hover(function(){
    $("form button").not($(this).find('button')).fadeTo(400, 0.5);
  }, function(){
$("form button").fadeTo(0, 1);  
  });
});

Answer 5

$(".palletbuilder").click(function() {
    var $t = $(this);
    $t.siblings().animate({
        opacity: 0.5
    }, 500).children('button.addBUtton, input:button.addBUtton').hide();
    $t.animate({
        opacity: 1
    }, 500).children().show();//show them again if click that form???
});

我不知道您是否使用了输入或按钮标记，因此我将两者都考虑在内。（或者你可以使用这个课程）

编辑:(仅仅因为）将它全部结合起来：

$(".palletbuilder").click(function() {
    $(this).animate({
        opacity: 1
    }, 500).children().show().end().siblings().animate({
        opacity: 0.5
    }, 500).children('button.BUtton, input.BUtton').hide();
});

单击表单时的Jquery隐藏页面上的其他表单

5 个答案: