I have an ajax list that updates (as notifications). However, what I’m trying to

Question

0

Asked: May 20, 20262026-05-20T05:04:16+00:00 2026-05-20T05:04:16+00:00

I have an ajax list that updates (as notifications). However, what I’m trying to

0

I have an ajax list that updates (as notifications). However, what I’m trying to do is jQuery UI Hightlight to show a new <li> that is appended to the <ul>...</ul>. The <li> however has a image bullet point which disappears for the duration of the highlight.

Is there any way to highlight the entire <li> ... </li> include the bullet point itself.

What I assume happens is a background is added to the <li> for the duration of the hightlight which then overrides the bullet point background.

jQuery

$(data).hide().prependTo("ul.notifications").fadeIn("slow", function() {  
    $(this).effect("highlight", {}, 3000);  
});

CSS

ul li.standard {  
    font-size : 1.1em;  
    font-weight:700;  
    color : #555;  
    list-style:none;  
    padding:0 0 0 40px;  
    margin: 0 0 0.5em 0;  
    background: url(../images/bullet_arrow.png) no-repeat 0px 5px;  
}