Appear Plugin by Tobias - Question about state & qualify (?)

[stevesuny]

Hello,

I'm using Tobias's appear plugin http://tobibeer.github.io/tw5-plugins/#appear in my wiki:  https://designwritestudio.updog.co/projects/resaw-iipc/september11-sites-analyzed.html

I have nested the appears in three levels. When I reveal a "level2" under a "level1" it also opens under other "level1" headings, which is not the desired behavior. I know this has something to do with state, and the documentation states that "Note: The state is automatically qualified for you and sufficient for most use cases." However, it would appear that this is not one of the use cases for which it is sufficient. I tried setting state to different values, but no go...

Any suggestions?

Below is the code, but it is much easier to see in the implementation (but for those who read it here: the first block sets the levels, and the second block includes the reveals)

Thanks!

//steve.

<!--block1-->
<div class="level2"><table>
<tr><td>Level 1</td><td>Level 2</td><td>Level 3</td></tr>
<tr>
<td>
<$select tiddler='$:/site-listing-by-attribute/level1'>
<$list filter='[tag[Table Attributes]]'>
<option value=<<currentTiddler>>><$view field='title'/></option>
</$list>
</$select>
</td>
<td><$select tiddler='$:/site-listing-by-attribute/level2'>
<$list filter='[tag[Table Attributes]]'>
<option value=<<currentTiddler>>><$view field='title'/></option>
</$list>
</$select>
</td>
<td><$select tiddler='$:/site-listing-by-attribute/level3'>
<$list filter='[tag[Table Attributes]]'>
<option value=<<currentTiddler>>><$view field='title'/></option>
</$list>
</$select>
</td>
</tr>
</table>
</div>


<!--block2-->
<$list filter="[each:list-item{$:/site-listing-by-attribute/level1}]"><br>
<div class="level1">{{$:/site-listing-by-attribute/level1}}: <<currentTiddler>>
<$set name="level1" value=<<currentTiddler>>>
<$appear show="show &raquo;" hide="&laquo; hide" $state="slider-buttons-level1">
<div class="level2"> <$list filter="[each:list-item{$:/site-listing-by-attribute/level2}]"><br>
{{$:/site-listing-by-attribute/level2}}: <<currentTiddler>>
<$set name="level2" value=<<currentTiddler>>>
<$appear show="show &raquo;" hide="&laquo; hide" $state="slider-buttons-level2">
<div class="level3"><$list filter="[each:list-item{$:/site-listing-by-attribute/level3}]">
{{$:/site-listing-by-attribute/level3}}: <<currentTiddler>><br>
<$set name="level3" value=<<currentTiddler>>>
<$macrocall $name="showTiddlers" xlevel1={{$:/site-listing-by-attribute/level1}} xlevel2={{$:/site-listing-by-attribute/level2}} xlevel3={{$:/site-listing-by-attribute/level3}} level1=<<level1>> level2=<<level2>> level3=<<level3>>/>