Breaking News: Grepper is joining You.com. Read the official announcement!

Toggle child element onclick of parent element

Modern Moose answered on June 20, 2022 Popularity 1/10 Helpfulness 1/10

answer Toggle child element onclick of parent element

Toggle child element onclick of parent element

Comment

$(function(){ 
    $(".dropdown-toggle").click(function(){ 
   $(".arrow").attr('src',  
                ($("img").attr('src') == 'images/icon-arrow-down.svg'  
                    ? 'images/icon-arrow-up.svg'  
                    : 'images/icon-arrow-down.svg' 
                     ) 
                )  
    }); 
}); 
//Here .dropdown-toggle is parent class and .arrow is child class
//This toggles image src on click
//This works if there is one child with .arrow class as im multiple .arrow classes if affects all.

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: element image javascript onclick parent toggle

Link to this answer
Share Copy Link