I have a function in jQuery to switch tabs and as it the only one using jQuery, I want to convert it to JS only. After hours of trying (still learning) and feeling miserable to fail at this trivial thing, I humbly ask for help. I was about here when I gave up, my forEach/event listener won’t even work and
Tag: css
How to transition an element that does not exist on the DOM yet
Now I have code like this as you might have noticed for the code to appear it depends on some state value to be true. My question is how do I get it to appear smoother. I cant transition it because I don’t know the property like background or color or something else. And the content is not hidden for
Smooth blend/transition between images on mousemove
Recently I’ve approached a website where on mousemove the background is changing nicely, it is somehow connected with the mouse position. Please take a look here. In fact there are only two images showing and there is a smooth transition between them. That is why I was trying to achieve the same with my own fiddle. My html is here:
CSS chain multiple animations from different classes
I am developing a ReactJs app, I need to animate a bus in a visual path. The bus should make stops. So the bus first go from A -> B , then when the user click a button it goes from B -> C , ect.. I have already made the animations and the logic Here I add classNames based
Expand background jQuery trigger not working
The goal is when you click on the image behind the red square, the red square expands to the whole webpage. But the moment after you clicked on the image the transition plays like this… …and ended like this. when you click on the red expanded square it transitions perfectly back to this, but in a different shape not where
Scrollbar not scrolling completely down the page while using locomotive scroll
I will try ti keep it as simple as possible! This is my first time using locomotive scroll while I am testing my code out I am not able to scroll all the way below. The scroll bar is visible but but I am not able to scroll or drag it using the mouse. I seriously spend hours to find
SVG stroke animation not working in Safari
My JS code goes over each path, and adds a stroke-dasharray and stroke-dashoffset according to path length: Then, My CSS just animates the dashoffset to 0, while lowering the stroke opacity and raising the fill opacity: This works perfectly in Chrome – the animation shows the paths being drawn, but in Safari, the paths just show up without any animation.
Why functions are not working properly in my calculator?
Can you help me identify where’s the problem with this code? I’m a beginner at coding and very likely I’m missing something obvious, but here’s my problem. When clicking on numbers it seems to work fine, also adding gets to clear the display and (I think) it stores the value in its variable (operandA) but not getting the rest to
added styling to my table and it stopped working
I have made an order form in java and html css everything was going well until I decided to put some styling in my code and now it doesn’t reset post it basically does nothing its probably something small but I cant find it even when I use the javascript console. It needs to show the amount and I need
How to assign a string to a variable using if else in javascript?
im trying to have my function use an if else statement to determine whether or not a hypothetical salary is good enough and print the result back to my HTML page. . I feel like the code im using in my if else statement is good, but it seems to be getting skipped over and when I print the results