The latest articles on DEV Community by Kara Peoples (@karapeoples). https://dev.to/karapeoples https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F671431%2Fc24a4ea2-99db-4532-b647-c6d304378da7.jpeg https://dev.to/karapeoples en Kara Peoples Wed, 21 Jul 2021 11:33:36 +0000 https://dev.to/karapeoples/answer-toggle-in-react-not-toggling-all-elements-4lpb https://dev.to/karapeoples/answer-toggle-in-react-not-toggling-all-elements-4lpb <div class="ltag__stackexchange--container"> <div class="ltag__stackexchange--title-container"> <div class="ltag__stackexchange--title"> <h1> <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--7Gn-iPj_--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev.to/assets/stackoverflow-logo-b42691ae545e4810b105ee957979a853a696085e67e43ee14c5699cf3e890fb4.svg" alt=""> <a href="https://stackoverflow.com/questions/61474403/toggle-in-react-not-toggling-all-elements/68468645#68468645" rel="noopener noreferrer"> <span class="title-flare">answer</span> re: Toggle in React not Toggling all elements </a> </h1> <div class="ltag__stackexchange--post-metadata"> <span>Jul 21 '21</span> </div> </div> <a class="ltag__stackexchange--score-container" href="https://stackoverflow.com/questions/61474403/toggle-in-react-not-toggling-all-elements/68468645#68468645" rel="noopener noreferrer"> <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--Y9mJpuJP--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev.to/assets/stackexchange-arrow-up-eff2e2849e67d156181d258e38802c0b57fa011f74164a7f97675ca3b6ab756b.svg" alt=""> <div class="ltag__stackexchange--score-number"> 0 </div> <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--wif5Zq3z--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev.to/assets/stackexchange-arrow-down-4349fac0dd932d284fab7e4dd9846f19a3710558efde0d2dfd05897f3eeb9aba.svg" alt=""> </a> </div> <div class="ltag__stackexchange--body"> <p>I can only provide working code thought this was another answer...so sorry ya'll this is why it is important to make sure you answer things on a public forum like this right away....but here is the working code not sure how I solved it may edit this later when I…</p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>&lt;/p&gt; </code></pre> </div> </div> <br> <div class="ltag__stackexchange--btn--container"> <br> <br> <a href="https://stackoverflow.com/questions/61474403/toggle-in-react-not-toggling-all-elements/68468645#68468645" rel="noopener noreferrer">Open Full Answer</a><br> <br> </div> <br> </div> <br> <br><br> <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--oQxvuYef--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yychzzsqrh3v8d6o4zp7.JPG" alt="Alt Text"> react javascript toggle