Show conditional content

Is there a way to show different content based on what a user chose in a Choice content type?

Example:

<div data-city="{{City type=choice options="New York, Chicago, LA"}}">

{{#if City="New York"}}
<div>[Specific hard-coded info unique to New York goes here.]</div>
{{/if}}

{{#if City="Chicago"}}
<div>[Specific hard-coded info unique to Chicago goes here.]</div>
{{/if}}

{{#if City="LA"}}
<div>[Specific hard-coded info unique to LA goes here.]</div>
{{/if}}

</div>

Right now, I’m just adding the hard-coded content as the “help” text so the editor can copy paste the content they need but if it could be automated based on their selection in the City field that would be great. Just wondering if there’s a way to do this. Thanks!

Not super elegant but as a workaround I’m setting up checkboxes:

<div data-new-york={{City_New_York label="Is the city New York?" type=choice}}></div>
<div data-chicago={{City_Chicago label="Or Chicago?" type=choice}}></div>
<div data-la={{City_LA label="Or LA?" type=choice}}></div>

And then doing this to display content conditionally:

{{#if City_New_York}}
<div>[Specific hard-coded info unique to New York goes here.]</div>
{{/if}}

{{#if City_Chicago}}
<div>[Specific hard-coded info unique to Chicago goes here.]</div>
{{/if}}

{{#if City_LA}}
<div>[Specific hard-coded info unique to LA goes here.]</div>
{{/if}}

The downside to this solution is it’s a little clunky and it’s error prone because if the editor doesn’t select a city, no content will appear, and if they select two cities on accident, it’ll incorrectly show two cities.