0

ボタンをクリックした後、すべてのボタンの不透明度を変更する必要があります(クリックされたボタンを除く)。

HTMLコードは次のとおりです。

<button data-target="Section1" class="metro-button">Button1</button>
<button data-target="Section2" class="metro-button">Button2</button>
<button data-target="Section3" class="metro-button">Button3</button>

そしてjQueryコード：

$(".metro-button").click(function(){
    var buttons = document.getElementsByClassName("metro-button");
    for(i = 0 ; i < buttons.length ; i++) {
      if ($(this).attr('data-target') != buttons[i].attr('data-target')) {
            buttons[i].animate({"opacity" : 0.3});
       }
    }
});

JsFiddle でのデモ。

何が問題ですか ？

どんなアイデアでも大歓迎です。

4

2 に答える 2

5

jQueryに固執する

$(".metro-button").click(function(){
    $(".metro-button").not(this).animate({"opacity" : 0.3});
    $(this).animate({"opacity" : 1});
});

フィドル

于 2013-06-25T20:30:55.637 に答える