Показать / скрыть содержимое div в outlook с помощью mso-hide

Question

У меня есть требование показать / скрыть содержимое div в outlook на основе действия. Я попробовал эту опцию:

<style>
    #toggle {
        mso-hide: all;
        display: none;
    }

        #toggle:target {
            mso-hide: none;
            display: block;
        }

            #toggle:target + .close {
                mso-hide: none;
                display: block;
            }

    .close {
        mso-hide: all;
        display: none;
    }
</style>

<a href="#toggle">SHOW</a>
<div id="toggle">Test data</div>
<a href="#" class="close">HIDE</a>

Но приведенный выше код не работает. Когда я нажимаю на ссылку Показать, ничего не происходит. Будем благодарны за любые предложения по устранению этой проблемы.

Примечание. Я указывал следующую ссылку для значений свойств mso-hide. https://stigmortenmyre.no/mso/html/concepts/ofconstyletable.htm