How to change image with onmouseover in different place that reverts back to default image on the site?

Question

I\'m no expert in this so excuse me if this is very basic but I couldn\'t find answers.

So I want to have navigation section with categories on the left side of the

Answer 1

I would hide all the values in data-* attributes, so I could re-use the same functions. For example,

    
        
        
        
    
    
        

            

                
Subcategory One
                
Subcategory 2
            
        
        

            
        
    

You should also consider attaching the listeners in JavaScript rather than using on* attributes, as it means you can completely seperate your JavaScript from your HTML.