IO-Docs Tricks

You can style an IO-Docs method differently when it's expanded than when it's collapsed.

To make it work, you need to use a JavaScript Event Hook to add a class to the expanded or collapsed method, and some CSS to change the style.

JavaScript

// Add active class to method
document.addEventListener('portalIODocsShowMethod', function (event) {
    event.target.closest('.method').classList.add('method-active');
}, false);

// Remove active class from method
document.addEventListener('portalIODocsHideMethod', function (event) {
    event.target.closest('.method').classList.remove('method-active');
}, false);

CSS

.method {
    /* Base styles */
}

.method.method-active {
    /* Modified styles */
}