jQuery .click() event for CSS pseudoelement (:before/:after)?

jquery css animation click pseudo-element
daysrunaway picture daysrunaway · Jul 1, 2011 · Viewed 14.7k times · Source

I want to trigger a jQuery animation when content that I am inserting through the CSS pseudoelements :before: and :after is clicked. However, I'm not sure how to do this; my first guess, $(#id:before).click() didn't work. Is this part of jQuery's functionality? If so, how would I select the before/after content?

Answer

Chris Laplante picture Chris Laplante · Jul 1, 2011

jQuery does not support the CSS :before and :after selectors. To select siblings, use .siblings() and then filter from there.

http://api.jquery.com/siblings/

Related questions

CSS3 equivalent to jQuery slideUp and slideDown?

My application is performing poorly with jQuery's slideDown and slideUp. I'm looking to use a CSS3 equivalent in browsers which support it. Is it possible, using CSS3 transitions, to change an element from display: none; to display: block; while sliding …

Read More
jQuery css Visibility with animation

I have few div's placed underneath each other and I'm using css visibility to fade them in and out. The reason why I use visibility is so that the div's don't move place. For fade In I'm using: $('.drop1…

Read More
jQuery animate from CSS "top" to "bottom"

I'm looking to animate a div element from an absolute top position to an absolute bottom position on the page load. The combination of CSS and jQuery code below fails to move anything: CSS #line-three { position:absolute; width:100%; left:0px; …

Read More