technolyceum/g10-m2
Template
15
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added dirocty from javascript to jquery

Browse Source
This commit is contained in:
root
2025-11-20 16:20:58 +03:00
parent 31a20b5fe5
commit 9202203116
351 changed files with 7583 additions and 1346 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);
});
});