0

ボタンを押したときに素敵なフェード効果を作りたいです。

ほとんど機能していますが、1つの問題があります。

クリックすると、class ="number2number3"もフェードします。

クラスにfadeINよりも値number3が含まれている場合、->を呼び出すことは可能ですか？

私は次のマークアップを持っています：

<div class="mouseclicks"><a href="#">test</a></div>
<div class="number1">tesx1</div>
<div class="number2">tesx2</div>
<div class="number2 number3">tesx3</div>

JS

$(function(){
$(".mouseclicks a").click(function(){
$('.number1').fadeTo("fast",0.1);
$('.number2').fadeTo("fast",0.1);
$('.number3').fadeIn("fast",1);

});});

- - - - - - 編集 - - - - - - - - - -

これは特定の番号をフェードアウトしますが、ボタン2を押すとフェードインに戻りません。

$(function(){
$(".mouseclicks a").click(function(){
$('.number1').fadeTo("fast",0.1);
$('.number2').not('.number3').fadeTo("fast",0.1);
$('.number3').fadeIn("fast",1);
});});

$(function(){
$(".mouseclicks2 a").click(function(){
$('.number1').fadeTo("fast",0.1);
$('.number3').not('.number2').fadeTo("fast",0.1);
$('.number2').fadeIn("fast",1);
});});
4

2 に答える 2

1 
$(document).ready(function() {
    $(".mouseclicks a").click(function() {
        $('.number1').fadeTo("fast",0.1);
        $('.number2').not('.number3').fadeTo("fast",0.1);
        $('.number3').fadeIn("fast",1);
    });
});

class="number2 number3"これはdivをから除外します.fadeTo()が、.fadeIn()それでも適用されます

編集

2ボタンバージョンの場合、ボタン2の場合は次のようにします。

$(".mouseclicks2 a").click(function() {
    $('.number1').fadeTo("fast",0.1);
    $('.number3').fadeTo("fast",0.1);
    $('.number2').not('.number3').fadeIn("fast",1);
});
于 2012-11-02T15:07:12.750 に答える
0

彼らに共通の親を与えれば、あなたはそれをより将来の証拠にすることができます。

<div class="mouseclicks"><a href="#">test</a></div>
<div class="number-wrapper">
    <div class="number1">tesx1</div>
    <div class="number2">tesx2</div>
    <div class="number2 number3">tesx3</div>
</div>

-

$(document).ready(function(){
    $(".mouseclicks a").click(function(){
        $('.number3').fadeTo("fast",1).siblings().fadeTo("fast",0.1);
    });
});
于 2012-11-02T15:19:23.167 に答える