Need Assistance Changing a Hover Sidebar to a Toggle

[Lana Lister]

Testing Site: cmtesting.proboards.com/

I've tried using other codes to change it from a hover to a toggle. I've attempted to alter the current coding. I'm not sure how else to alter it. It's an altered coding of Badlands by Kaigra. I can post the code physically here in spoiler tags if necessary, but I'm just trying to make the Discord Sidebar toggle when it's clicked.

Any and all help would be appreciated. I've got a basic understanding of code, but nothing too complex. >_<

[Brian]

Hi, Lana Lister.

In Themes > Advanced Styles & CSS > Style Sheet find .side-slider-base:hover and change it to this:

.side-slider-base.state-expanded

Then add this before your sidebar in Themes > Layout Templates > Forum Wrapper.

<script type="text/javascript">
$(function(){
$('.side-slider-base .extras-tab').on('click',function(){ $(this).parent().toggleClass('state-expanded'); });
});
</script>

[Lana Lister]

*facepalm* Now I feel extremely stupid. THANK YOU SO MUCH. You are AMAZING, Brian. <3