Make every <dd> (definition description) element in a <dl> (definition llist) toggleable by the <dt> (definition term) element. Useful for creating toggleable lists, FAQs lists, etc.

dt-toggle.js

$('#dl-container-id').on('click', 'dt.class-name', function() {
    $(this).next().toggle();
});

style.css

/** collapses the dd element in the dt-toggleable definition list by default **/
#dl-container-id dd.class-name { display: none }