# Combining visible and toggled-on-click elements

**URL:** <https://delphinqa.ling.washington.edu/t/combining-visible-and-toggled-on-click-elements/60>\
**Category:** Grammar Matrix\
**Tags:** matrixdef\
**Created:** [December 4, 2017, 8:53pm UTC](https://delphinqa.ling.washington.edu/t/combining-visible-and-toggled-on-click-elements/60 "2017-12-04T20:53:16Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![olzama](https://delphinqa.ling.washington.edu/user_avatar/delphinqa.ling.washington.edu/olzama/32/6_2.png) [@olzama](https://delphinqa.ling.washington.edu/u/olzama)\
**Post date:** [December 4, 2017, 8:53pm UTC](https://delphinqa.ling.washington.edu/t/combining-visible-and-toggled-on-click-elements/60/1 "2017-12-04T20:53:16Z")

</div>

On the sentential negation page, some content becomes visible on click, but the content at the bottom is always visible.

I am trying to do the same on the Other Features page. Here’s the code that works:

> Label “\<div id=‘form’ class=‘form\_switch’ style=‘display:none’\>  
> \<p\> Custom content, different from what is on the negation page.\</p\>\</div\>”
> 
> Label “\<input type="hidden" name="existing\_value\_type1\_name" value="bool"\>  
> \<input type="hidden" name="existing\_value\_type2\_name" value="luk"\>”
> 
> BeginIter feature{i} “a Feature” 1  
> …

![22 PM](https://delphinqa.ling.washington.edu/uploads/default/original/1X/09c131c6a8db949b865188f90e2c83816ab72f99.png)

 ![29 PM](https://delphinqa.ling.washington.edu/uploads/default/original/1X/38c1b862f11836128a1c78c18eab7aadcd1e6a65.png)

This way, the button “Add a feature” is always visible. However I can’t figure out how to add anything useful to where I now have the sentence about “custom content”. E.g. if I add a text field, then the “Add a feature” becomes hidden as well and is not visible unless I click on “Add the FORM feature” button.

For example, this does not work:

> Label “\<div id=‘form’ class=‘form\_switch’ style=‘display:none’\>  
> \<p\> Custom content, different from what is on the negation page.\</p\>”
> 
> Text name “Feature form Value finite name” "Value name: " “” 20
> 
> \</div\>
> 
> Label “\<input type="hidden" name="existing\_value\_type1\_name" value="bool"\>  
> \<input type="hidden" name="existing\_value\_type2\_name" value="luk"\>”
> 
> BeginIter feature{i} “a Feature” 1  
> …

In the sense that the iter button is no longer visible, unless I click. I tried various combinations of div and p but can’t figure out what the right syntax is.

I realize that I am not understanding the syntax, something that has to do with the quotation marks and the \<div\> and \<p\> tags, but I can’t figure out what the correct way of using it is. Can anyone help?

---

<div class="post-metadata">

**Author:** ![olzama](https://delphinqa.ling.washington.edu/user_avatar/delphinqa.ling.washington.edu/olzama/32/6_2.png) [@olzama](https://delphinqa.ling.washington.edu/u/olzama)\
**Post date:** [December 4, 2017, 9:35pm UTC](https://delphinqa.ling.washington.edu/t/combining-visible-and-toggled-on-click-elements/60/2 "2017-12-04T21:35:41Z")

</div>

OK, it looks like, in the code above, the missing element is the Label keyword. For example, this seems to work like I want it to:

> Label “\<div id=‘form’ class=‘form\_switch’ style=‘display:none’\>  
> \<p\> Custom content, different from what is on the negation page.\</p\>”
> 
> Text name “Feature form Value name” "Value name: " “” 20
> 
> Label “\</div\>”
> 
> Label “\<input type="hidden" name="existing\_value\_type1\_name" value="bool"\>  
> \<input type="hidden" name="existing\_value\_type2\_name" value="luk"\>”
> 
> BeginIter feature{i} “a Feature” 1