How to show the multiple component in a slot using polymer or java script

Question

I am trying to show the component in the slot. I have around 150 components. If i use below the concept I want to write more if else condition. So, how to avoid that more if condition using slot method. I do not know how o use slot[https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_templates_and_slots]. So, Need to use slot here or any other method is there? Please help to find the solution.

<button click="show("mall-content")">mall-content</button>
<button click="show("views-area")">views-area</button>
<button click="show("power-area")">power-area</button>
<button click="show("solar-set")">solar-set</button>
<button click="show("bus-stand")">bus-stand</button>
<button click="show("bike-card")">bike-card</button>
.
.
.
etc....


<template is="dom-if" if="[[mall-content]]"id="mall-content">
    <mall-content></mall-content>
</template>
<template is="dom-if" if="[[views-area]]"id="views-area">
    <views-area></views-area>
</template>
<template is="dom-if" if="[[power-area]]"id="power-area">
    <power-area></power-area>
</template>
<template is="dom-if" if="[[solar-set]]"id="solar-set">
    <solar-set></solar-set>
</template>
<template is="dom-if" if="[[bus-stand]]"id="bus-stand">
    <bus-stand></bus-stand>
</template>
<template is="dom-if" if="[[bike-card]]"id="bike-card">
    <bike-card></bike-card>
</template>
.
.
.
.
etc...

Javascript:

var mall-content = false;
var views-area = false;
var power-area = false;
var solar-set = false;
var bus-stand = false;
var bike-card = false;
.
.
.
etc....

function show(component) {

    if(component == 'mall-content'){
     var mall-content = true;
     var views-area = false;
     var power-area = false;
     var solar-set = false;
     var bus-stand = false;
     var bike-card = false;
     ...etc
    }
    else if(component == 'views-area'){
     var mall-content = false;
     var views-area = true;
     var power-area = false;
     var solar-set = false;
     var bus-stand = false;
     var bike-card = false;
     ...etc
    }
    else if(component == 'power-area'){
     var mall-content = false;
     var views-area = false;
     var power-area = true;
     var solar-set = false;
     var bus-stand = false;
     var bike-card = false;
     ...etc
    }
   else if(component == 'solar-set'){
     var mall-content = false;
     var views-area = false;
     var power-area = false;
     var solar-set = true;
     var bus-stand = false;
     var bike-card = false;
     ...etc
    }
   else if(component == 'bus-stand'){
     var mall-content = false;
     var views-area = false;
     var power-area = false;
     var solar-set = false;
     var bus-stand = true;
     var bike-card = false;
     ...etc
    }
  else if(component == 'bike-card'){
     var mall-content = false;
     var views-area = false;
     var power-area = false;
     var solar-set = false;
     var bus-stand = false;
     var bike-card = true;
     ...etc
    }
   .
   .
   .
   etc.....
 
 }