# Is it possible to express an "optional" parent element that is rendered or not?

**URL:** <https://discourse.aurelia.io/t/is-it-possible-to-express-an-optional-parent-element-that-is-rendered-or-not/4918>\
**Category:** Uncategorized\
**Created:** [September 16, 2022, 12:51am UTC](https://discourse.aurelia.io/t/is-it-possible-to-express-an-optional-parent-element-that-is-rendered-or-not/4918 "2022-09-16T00:51:50Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![kevmeister68](https://yyz1.discourse-cdn.com/flex027/user_avatar/discourse.aurelia.io/kevmeister68/32/2346_2.png) [@kevmeister68](https://discourse.aurelia.io/u/kevmeister68)\
**Post date:** [September 16, 2022, 12:51am UTC](https://discourse.aurelia.io/t/is-it-possible-to-express-an-optional-parent-element-that-is-rendered-or-not/4918/1 "2022-09-16T00:51:51Z")

</div>

Let’s say I have some html/aurelia components like this:

\<my-aurelia-component\>  
\<some-html-or-aurelia-stuff\>\</some-html-or-aurelia-stuff\>  
\</my-aurelia-component\>

The “my-aurelia-component” is actually a carousel, which we may or may not require to “activate”. Essentially the carousel is activated in popups due to space considerations, and not otherwise.

Is there anyway to “drop out” the \<my-aurelia-component\> when I don’t need it, without simply resorting to two divs using opposing if.bind expressions, and repeating all of the inner content (which is of course a maintenance issue, since they would need to remain identical)?

Our current approach is that our “carousel” is either “active” where it provides carousel-style presentation behaviours of the inner content, or it is dormant, I am not a huge fan of this approach.