Hello,
Use Source Code paste your HTML Code here then try to view may be it works
Hi, I have been successfully using this code:
<div id="btn_New"><img style="float: left; pointer-events: none;" src="btn_New.png" width="176" height="50" />
<p style="float: left; margin-top: 10px; padding: 0px 10px 10px 10px; width: 75%; margin-left: 10px; border-radius: 5px; font-family: 'arial black', 'avant garde'; font-size: 14pt; color: #e26b0a;">Essential Process Information for New or Casual Users</p>
<p style="clear: both;"> </p>
</div>
<!-- Start Dropdown --><details style="cursor: auto;">
<summary style="cursor: pointer; margin-left: 50px; padding: 0px 10px 10px 10px; width: 70%; height: 30px; border-radius: 5px; border: 1px solid white; background-color: #f9f6fc; font-family: 'arial black', 'avant garde'; font-size: 14pt; color: #800080;"><strong>Introduction and Essentials</strong></summary>
<p style="margin-left: 80px; font-family: verdana, geneva; color: #000000; font-size: 12pt;">Please contribute!</p>
<p> </p>
to produce
When you click the "Introduction and essentials text, it reveals the drop-down text
Note: the <details style="cursor: auto;"> by default, will show the accordion as closed. If you want the accordion to show as open or expanded then change it to
<details open="open"> The cursor: auto; tage above changes the cursor to a pointy finger rather than a arrow to let you know that you can action it.
all the best,
