which dom element will work outside bootstrap dropdown-item to display an default image based on open dropdown?

Question

In my menu , i have two columns, one for submenu text and other for respective images. this portion is working fine. But i want to set a default image, which will display when user will not hover on any dropdown item or out of dropdown. but i have 2-3 dropdown menu. how to identify each individually. Thanks

code[https://jsfiddle.net/shreya_js/4h7sgpdL/48/]

Answer 1

I am not sure if I got your question right.

If you need a different default image for every main menu point, then append a url/image-path to the li -tag via data-src for example.

EDIT: something like this?

https://jsfiddle.net/2a3joxfz/7/

all a-tags got an rel attribute.