例如，我想只顯示(C5)& quot；藍色其他& quot當& quot藍色& quot在屏幕上可見并全部隱藏& quot其他& quot選項，直到顯示與其匹配的行。目前我只是用下面的css來隱藏它。我已經(jīng)嘗試了各種css/ JS函數(shù)，但似乎不能得到任何工作。任何幫助都將不勝感激。

問題:

<radio 
  label="Q1"
  cardsort:displayCounter="0"
  shuffle="rows"
  uses="cardsort.6">
  <title>Select a feeling associated with each colour</title>
  <comment>Place each card into a bucket.</comment>
        <style name="question.after"><![CDATA[
<style>

div.sq-cardsort-bucket-item.sq-cardsort-bucket-item-c5 {
  display: none;
  }
  
</style>
<script>
JAVASCRIPT FUNCT?
</script>
]]></style>

  <row label="r1">Blue</row>
  <row label="r2">Red</row>
  <row label="r3">Green</row>
  <row label="r4">Yellow</row>
  <row label="r5">Pink</row>
  <row label="r6">Purple</row>
  <row label="r7">Orange</row>
  <row label="r8">Black</row>
  <row label="r9">White</row>
  <row label="r10">Gray</row>
  <col label="c1">Happiness</col>
  <col label="c2">Excitement</col>
  <col label="c3">Power</col>
  <col label="c4">Sadness</col>
  <col label="c5" open="1" openSize="25" randomize="0">Blue OTHER</col>
  <col label="c6" open="1" openSize="25" randomize="0">Red OTHER</col>
  <col label="c7" open="1" openSize="25" randomize="0">Green OTHER</col>
  <col label="c8" open="1" openSize="25" randomize="0">Yellow OTHER</col>
  <col label="c9" open="1" openSize="25" randomize="0">Pink OTHER</col>
  <col label="c10" open="1" openSize="25" randomize="0">Purple OTHER</col>
  <col label="c11" open="1" openSize="25" randomize="0">Orange OTHER</col>
  <col label="c12" open="1" openSize="25" randomize="0">Black OTHER</col>
  <col label="c13" open="1" openSize="25" randomize="0">White OTHER</col>
  <col label="c14" open="1" openSize="25" randomize="0">Gray OTHER</col>
</radio>