fa-cli | ️A simple CLI for creating your front-end project | Command Line Interface library

Been struggling hours now to find a solution for this. I´m kinda new to JS so this is kinda tricky for me. Was hoping someone here maybe had a bit of time to give me a solution. Thanks.

If you click on the question mark (top right) it starts my animation to show the slider, and when you click the X it starts an animation to hide the slider.

I would like this to happen infinite. So when X has been clicked and the slider goes in, you can just click on the question mark and the slider pops up again, and so forth.

Hello, I know its not recommended to use jQuery with react & I am aware of method on react for changing CSS of element but here I am just trying to see if my req can be achieved or not , all i want is to change the colour of li element when corresponding tick icon is clicked for it, I am using a jQuery code

I am trying to add line strike though or change background colour of a list element when a corresponding tick button is clicked kindly suggest a way to do so .. Is there any way similar to jquery's ex - $("p").css("background-color"); & for beginners which will be more suitable to grasp who is coming from jq background Class component or Functional

I am trying to add a strikethrough to li item when a tick mark button is clicked ,i am able to do that by storing the val in some state but the problem is if i add a new list item the strike through is getting auto applied on the new li also kindly suggest a way how to fix it kindly check at

I've been creating this one page, using containers and grids to have each row separate for reasons only the requester knows. What I'm sitting with at the moment, is that the first 4 containers align perfectly but the minute I try to add the 5th container, it sits to the right, and directly on top of the 4th container.

I've had to add quite a few
in order to get it to sit below the 4th container and as you can see on this codepen: https://codepen.io/nyxerian/pen/wvoPMoz , the first 4 containers are at a margin-left:255px;but the 5th container doesn't even have that property, and I've had to reduce the length of the container itself so that it doesn't scroll off to the right. Where its sitting now seems to be the 'start' of the page and I do not understand why.

I've added my code below and any insight as to how I can align them, and what the actual issue is would be most helpful.

HTML

Using ExtJS7.x with the modern toolkit.

For various reasons, I'm trying to data-bind the titles of panels in a TabPanel, this seems to work fine, if not for a single caveat. The binding only applies as soon as the tab becomes active. Trawling around the official forums I found that this was previously marked as a bug in ExtJS6 years ago, and was reported as being fixed. And yet I still run into similar behavior in 7.

Basic overview of what I'm trying to do:

The problem is when we click E4. Before even showing it's submenus E4I and E4II, the parent of E4 which is E closes automatically.

Does jQueryUI support nested accordions? The design primarily was using Bootstrap accordion, but later received a requirement that requires the DOM elements to be generated dynamically.

I want to display a div when I click on a button and hide the others.

Here's my approach:

I have a sidebar where list of items are fetched from api and are displayed. When one of the item is selected from the side bar it goes to a page where another drop down is there and data of selected item is displayed on that drop down. But when i change the item from side bar, the page where data of selected item should come, does not refreshed.

my side bar component.html