使用javascript在單擊時淡出元素？

即時通訊使用Java讓點擊時淡入淡出。使用javascript在單擊時淡出元素？

當一個人被點擊而淡出點擊的功能時，我將如何使三個其他功能淡出？

繼承人至今的代碼;

$(document).ready(function() { 

$('#about').click(function(about){  
$('#outside, #outside2, #outside3, #outside4, #outside5, #outside6, #outside7, #outside8, #outside9, #outside10, #outside11').fadeToggle('slow'); 
}); 

$('#whyus').click(function(whyus){  
$('#outsidewhy, #outsidewhy2, #outsidewhy3, #outsidewhy4, #outsidewhy5, #outsidewhy6, #outsidewhy7, #outsidewhy8, #outsidewhy9, #outsidewhy10, #outsidewhy11').fadeToggle('slow'); 
}); 

$('#portfolio').click(function(port){  
$('#outsideport, #outsideport2, #outsideport3, #outsideport4, #outsideport5, #outsideport6, #outsideport7, #outsideport8, #outsideport9, #outsideport10, #outsideport11').fadeToggle('slow'); 
}); 

$('#contact').click(function(con){  
$('#outsidecon, #outsidecon2, #outsidecon3, #outsidecon4, #outsidecon5, #outsidecon6, #outsidecon7, #outsidecon8, #outsidecon9, #outsidecon10, #outsidecon11').fadeToggle('slow'); 
}); 


});

例如，當被點擊它功能CON應該淡出約，whyus和端口功能，而在衰落CON。

又如，功能有關被點擊它會淡出功能whyus，端口而con在淡入時正在被點擊。

來源

2014-05-04 user3542953

首先創建一個小提琴，並顯示 –

你怎麼消失的功能是什麼？ – Ejaz

你應該使用類，而不是ID –

首先，不要害怕使用類。

例如，給每一個分項的一類class="outside"

然後，也給了一類獨特的每個的4級功能的項目。例如，給你#outside, #outside2, #outside3....所有一類class="outside1"

和你#outsidewhy, #outsidewhy2 ...所有類的class="oustside2"

然後給所有的頂級點擊即可鏈接一類class="click-link"

所有你需要做的是

$('.click-link').click(function() { 

    var whichone = $(this).attr('id'); // gets the id of the click-link that was clicked 

    $('.outside').fadeOut(800); // this fades out them all 

    if (whichone === 'about') { 

     $('.outside1').fadeIn(800); // but this will fadein the ones that you want, depending on which link was clicked 

    } 

    else if (whichone === 'whyus') { 

     $('.outside2').fadeIn(800); 

    } 

    etc 

    etc 

});

來源

2014-05-04 17:28:59 CRABOLO

花費一些時間把它放在一起，但它留下了點擊功能div仍然在他們頂部。我需要他們淡出，如果另一個元素被點擊。 – user3542953

忘記加入感謝您的回覆！即時通訊與一些事情搞亂，看看我能否得到它的工作。 – user3542953

得到它的工作！完美，謝謝。 – user3542953

Working fiddle

遠非完美的答案，改進會大幅升值

的jQuery

$(document).ready(function() { 
    $('#about').click(function (e) { 
     e.preventDefault(); 
     $('.notme').not('#outside').fadeOut('fast'); 
     $('#outside').fadeIn('slow'); 
    }); 
    $('#whyus').click(function (e) { 
     e.preventDefault(); 
     $('.notme').not('#outsidewhy').fadeOut('fast'); 
     $('#outsidewhy').fadeIn('slow'); 
    }); 
    $('#portfolio').click(function (e) { 
     e.preventDefault(); 
     $('.notme').not('#outsideport').fadeOut('fast'); 
     $('#outsideport').fadeIn('slow'); 
    }); 
    $('#contact').click(function (e) { 
     e.preventDefault(); 
     $('.notme').not('#outsidecon').fadeOut('fast'); 
     $('#outsidecon').fadeIn('slow'); 
    }); 
});

來源

2014-05-04 17:45:55 Bhavik

使用javascript在單擊時淡出元素？

回答

相關問題