technolyceum/g11-m2
Template
15
0
Fork 6
Code Issues Pull Requests Actions Packages Projects Releases Wiki 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

42
FromJavaScriptTojQuery-master/03-jQueryEvents/09-method_chaining_challenge_3/js/script.js Executable file
View File

@@ -0,0 +1,42 @@
$(document).ready(function() {
$("#stream1_btn").on("click", function() {
$(".stream1").removeClass('highlight_stream');
$(".stream2").removeClass('highlight_stream');
$(".stream3").removeClass('highlight_stream');
$(".stream1").addClass('highlight_stream');
});
$("#stream2_btn").on("click", function() {
$(".stream1").removeClass('highlight_stream');
$(".stream2").removeClass('highlight_stream');
$(".stream3").removeClass('highlight_stream');
$(".stream2").addClass('highlight_stream');
});
$("#stream3_btn").on("click", function() {
$(".stream1").removeClass('highlight_stream');
$(".stream2").removeClass('highlight_stream');
$(".stream3").removeClass('highlight_stream');
$(".stream3").addClass('highlight_stream');
});
// removes class makeRed, adds class makeBorder on mouseenter
$("button").mouseenter(function() {
$(this).removeClass("makeRed").addClass("makeBorder");
});
$("button").mouseleave(function() {
$("button").removeClass("makeBorder").addClass("makeRed");
});
$("button").click(function() {
$("p").slideToggle(2000);
});
// hides/shows paragraphs when either button is clicked
$("button").click(function() {
$("p").hide(2000).show(2000);
});
$("button").click(function(){
$("p").fadeIn().fadeOut();
});
});