g11s2/myowncopy
Template
1
0
Fork 0
forked from technolyceum/g11-m2
Code Pull Requests Activity

added dom

Browse Source
This commit is contained in:
root
2025-11-20 17:25:11 +03:00
parent 50443223cd
commit 864bbef52d
353 changed files with 7926 additions and 2542 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
FromJavaScriptTojQuery-master/03-jQueryEvents/06-jquery_effects_challenge_4/script.js Executable file
View File

@@ -0,0 +1,67 @@
$(document).ready(function() {
// Create the slideToggle effects each of the paragraphs and
// buttons
$("#button_effects1").click(function(){
$('#par1').slideToggle(1000);
});
$("#button_effects2").click(function(){
$('#par2').slideToggle(1000);
});
$("#button_effects3").click(function(){
$('#par3').slideToggle(1000);
});
$("#button_effects4").click(function(){
$('#par4').slideToggle(1000);
});
$("#button_effects5").click(function(){
$('#par5').slideToggle(1000);
});
$("#button_effects6").click(function(){
$('#par6').slideToggle(1000);
});
// Use the fadeTo effect when the mouse hovers over a specific button
// and fadeTo again when the mouse is no longer hovering over the button
$("#button_effects1").mouseenter(function(){
$('#button_effects1').fadeTo(1000, 0.5);
});
$("#button_effects1").mouseleave(function(){
$('#button_effects1').fadeTo(1000, 1);
});
$("#button_effects2").mouseenter(function(){
$('#button_effects2').fadeTo(1000, 0.5);
});
$("#button_effects2").mouseleave(function(){
$('#button_effects2').fadeTo(1000, 1);
});
$("#button_effects3").mouseenter(function(){
$('#button_effects3').fadeTo(1000, 0.5);
});
$("#button_effects3").mouseleave(function(){
$('#button_effects3').fadeTo(1000, 1);
});
$("#button_effects4").mouseenter(function(){
$('#button_effects4').fadeTo(1000, 0.5);
});
$("#button_effects4").mouseleave(function(){
$('#button_effects4').fadeTo(1000, 1);
});
$("#button_effects5").mouseenter(function(){
$('#button_effects5').fadeTo(1000, 0.5);
});
$("#button_effects5").mouseleave(function(){
$('#button_effects5').fadeTo(1000, 1);
});
$("#button_effects6").mouseenter(function(){
$('#button_effects6').fadeTo(1000, 0.5);
});
$("#button_effects6").mouseleave(function(){
$('#button_effects6').fadeTo(1000, 1);
});
});