JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="tips_tricks">
                <li>
                    <h3>Switch to landscape mode to keep the Tool Chest, File Access and Bookmarks tabs open </h3>
                    <button id="tips_toggle1"></button>
                    <div class="slider_reveal" id="tips_slider_content1">
                    <p>In portrait mode, the left panel containing the Tool Chest, thumbnails and  Bookmarks tabs automatically closes after use in order to maximize screen real estate. To have continued access to these features, rotate your iPad to landscape mode.</p>
                </li>
                    </ul>

CSS

.tips_tricks button:after {
    content:"+";
}

JavaScript

var tipsSlide = new Fx.Slide('tips_slider_content1');
 
document.addEvent("domready", function() {
    $('tips_slider_content1').slide('hide'); 
    $('tips_toggle1').addEvent('click', function(e){
    tipsSlide.toggle();
        $('button:after').setStyle('content', '-');
    });
});