List below is bound with Data.fruits array and so it reflects list items in that array.

<div.details> element uses FruitDetails behavior.

When element gets invisible FruitDetails clears the detail element. And creates details content on demand then it needs to be rendered.

Click on of items below.

Numbers below are for 100g of product