[js] attr('aria-expanded')

$(document).on('click', 'div.dv-headLine', function (evt) {
    const $evt = $(evt.currentTarget);
    const expendYn = $evt.attr('aria-expanded'); // 'true' or 'false' as string
    
    console.log("expendYn ===> ", expendYn);
    
    if (expendYn === "true") {
        // collapse가 열렸을 때
        $evt.find('span.collapsed-reveal').show();  // or .css('display', 'inline')
    } else {
        // collapse가 닫혔을 때
        $evt.find('span.collapsed-reveal').hide();  // or .css('display', 'none')
    }
});

 

 

잘못된 코드

$(document).on('click', 'div.dv-headLine', function (evt) {
    const $evt = $(evt.currentTarget);
    const expendYn = $evt.attr('aria-expanded');
    
    if (expendYn) { 
        $evt.find('span.collapsed-reveal').show();  // or .css('display', 'inline')
    } else {
        $evt.find('span.collapsed-reveal').hide();  // or .css('display', 'none')
    }
});

expendYn을 boolean 타입으로 생각하고 코드를 짰다