JavaScript MouseEnter и MouseLeave Mlickering Effect ⇐ Javascript

[Anonymous]

У меня есть раздел карты курса, в котором я хочу показать, что он всплыл на подробную информацию об этой карте курса, так что я прикрепил события мышиного и мышечного и мышиного вещества к этому элементу, но она создает мерцающий эффект. < /p>
`< /p>

Код: Выделить всё

// Generating course card -
const generateCourseCard = (course, parent) => {
const newCourse = document.createElement("div");
newCourse.classList.add("courses");
newCourse.id = course.id;

newCourse.innerHTML = `
[img]${course.img} class=[/img]

[h4]${course.title}[/h4]
${course.instructor}
${course.Rating}
${course.price}
${course.tag}

`

// Adding Hover eventListener to show preview -
newCourse.addEventListener("mouseenter", (event) => {
courseCardPopup.style.display = "block";
});

newCourse.addEventListener("mouseleave", (event) => {
courseCardPopup.style.display = "none";
});

// Adding to Parent -
parent.appendChild(newCourse);
}

страдает от мерцающего эффекта

Подробнее здесь: https://stackoverflow.com/questions/795 ... ing-effect