I want to toggle my accordion item in front-end alone with ToggleControl setting but it affects on back-end as well

I already have toggleControl setting that when active the accordion in front-end shows the toggle content but the problem is it is affecting the back-end.

            <div id="cklph-toggle-main" className="border border-gray-200" style={heroWrapperStyle} >
                <div className="absolute right-0 top-0 px-4 py-4 mt-1 flex items-center toggle-btn">                                
                    <Dashicon
                        icon={open ? "insert" : "remove"}
                        className="cursor-pointer"                     
                        onClick={() => setAttributes({open: !open})} 
                        
                                               
                    />
                </div> ``` s
How many English words
do you know?
Test your English vocabulary size, and measure
how many words do you know
Online Test
Powered by Examplum