title: How can i change the content inside the <ul> so that it can match the current clicked button?
body: <p>i'm trying to change the content inside the <code>ul</code> so that it can match the current clicked <code>button</code> .</p>
  <pre><code>&lt;div class=&quot;btns&quot;&gt;
      &lt;button class=&quot;active&quot;&gt;&lt;/button&gt;
      &lt;button&gt;&lt;/button&gt;
      &lt;button&gt;&lt;/button&gt;
  &lt;/div&gt;
  &lt;ul class=&quot;dynamiq_content&quot;&gt;
      &lt;li class=&quot;active&quot;&gt;&lt;/li&gt;
      &lt;li&gt;&lt;/li&gt;
      &lt;li&gt;&lt;/li&gt;
   &lt;/ul&gt;
  
  &lt;script&gt;
  //variables 
       const ContentBtns = $(&quot;.btns button&quot;);
       const content = $(&quot;.dynamiq_content li&quot;);
  //function 
      ContentBtns.on(&quot;click&quot;, function () {
            $(this).addClass(&quot;active&quot;).siblings().removeClass(&quot;active&quot;);
            content.addClass(&quot;active&quot;);
      });
  
  &lt;/script&gt;
  </code></pre>