例如,我想只顯示(C5)& quot;藍色其他& quot當& quot藍色& quot在屏幕上可見并全部隱藏& quot其他& quot選項,直到顯示與其匹配的行。目前我只是用下面的css來隱藏它。我已經嘗試了各種css/ JS函數,但似乎不能得到任何工作。任何幫助都將不勝感激。
問題:
<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>