Merhaba arkadaşlar,

    
                   $(document).ready(function(){
  $(".showcase").hover(function(){
    $(".colored_radio").css("display", "block");
   $this.(".color_text").css("display", "none");
    }, function(){
        $(".colored_radio").css("display", "none");
   $(".color_text").css("display", "block");
  });
});

Bu şekilde bir kod yazdım. Amacım aşağıdaki görselin altındaki renk varyantlarının olduğu radio butonları her ürünün üzerine geldiğinde görünmesini sağlamak. Fakat şu anda hepsi görünüyor. Kodun hatalı olduğunun farkındayım. Nasıl düzeltebilirim?

<div class="showcase">
    <div class="showcase-image-container">
        <a class="showcase-label-container" href="/urun/dijital-baskili-kapsonlu-t-shirt" aria-label="Product Detail">
          
                                        <div class="discount-label">%14</div>
                                                    <div class="sold-out-label d-none"><span>Tükendi</span></div>
                    </a>
        <div class="showcase-favorites">
            <a href="javascript:void(0);" class="add-my-favorites" data-selector="add-my-favorites" data-product-id="1212" aria-label="Add To Favorites">
                <i class="far fa-heart"></i>
            </a>
        </div>
        <div class="showcase-image">
            <div class="showcase-image-item">
                <a href="/urun/dijital-baskili-kapsonlu-t-shirt" title="DİJİTAL BASKILI KAPŞONLU T-SHIRT">
                                            <img class="lazyload" src="//st3.myideasoft.com/idea/hn/38/myassets/products/212/dijital-baskili-kapsonlu-t-shirt-58-jpg.jpeg?revision=1613206904" data-src="//st3.myideasoft.com/idea/hn/38/myassets/products/212/dijital-baskili-kapsonlu-t-shirt-59-jpg.jpeg?revision=1613206906" alt="DİJİTAL BASKILI KAPŞONLU T-SHIRT">
                                    </a>
            </div>
                            <div class="showcase-thumbs-image"><a href="/urun/dijital-baskili-kapsonlu-t-shirt" data-thumb="//st3.myideasoft.com/idea/hn/38/myassets/products/212/dijital-baskili-kapsonlu-t-shirt-58-jpg.jpeg?revision=1613206904" style="width: 25%;"></a><a href="/urun/dijital-baskili-kapsonlu-t-shirt" data-thumb="//st3.myideasoft.com/idea/hn/38/myassets/products/212/dijital-baskili-kapsonlu-t-shirt-59-jpg.jpeg?revision=1613206906" style="width: 25%;"></a><a href="/urun/dijital-baskili-kapsonlu-t-shirt" data-thumb="//st3.myideasoft.com/idea/hn/38/myassets/products/212/dijital-baskili-kapsonlu-t-shirt-60-jpg.jpeg?revision=1613206908" style="width: 25%;"></a><a href="/urun/dijital-baskili-kapsonlu-t-shirt" data-thumb="//st3.myideasoft.com/idea/hn/38/myassets/products/212/dijital-baskili-kapsonlu-t-shirt-61-jpg.jpeg?revision=1613206910" style="width: 25%;"></a></div>
                    </div>
    </div>
    <div class="showcase-content">
        <div class="showcase-title">
            <a href="/urun/dijital-baskili-kapsonlu-t-shirt" title="DİJİTAL BASKILI KAPŞONLU T-SHIRT">DİJİTAL BASKILI KAPŞONLU T-SHIRT</a>
        </div>
                    <div class="showcase-price has-discount">
                                    <div class="showcase-price-old">
                        115,95 TL
                    </div>
                                <div class="showcase-price-new">
                    99,95 TL
                </div>
            </div>
  
              <div class="colored-group">
      <p class="color_text" style="display: block;">6 Renk</p>
      <div class="colored_radio" style="display: none;">
        <label class="orange">
      <input type="radio" name="color" value="orange">
      <div class="layer"></div>
      <div class="button"><span></span></div>
    </label>

        <label class="amber">
      <input type="radio" name="color" value="amber">
      <div class="layer"></div>
      <div class="button"><span></span></div>
    </label>

        <label class="lime">
      <input type="radio" name="color" value="lime">
      <div class="layer"></div>
      <div class="button"><span></span></div>
    </label>

        <label class="teal">
      <input type="radio" name="color" value="teal">
      <div class="layer"></div>
      <div class="button"><span></span></div>
    </label>

        <label class="blue">
      <input type="radio" name="color" value="blue">
      <div class="layer"></div>
      <div class="button"><span></span></div>
    </label>

        <label class="indigo">
      <input type="radio" name="color" value="indigo">
      <div class="layer"></div>
      <div class="button"><span></span></div>
    </label>
        </div>
    </div>
    </div>
</div>