title: How to load a QML component on click
body: <p>I will try to explain my problem with a simple example.</p>
  
  <p>I have a <code>Rectangle A</code> and a <code>Rectangle B</code>. I want that when you click on <code>A</code>, a <code>view</code> (for example a <code>listView</code>) is loaded in <code>B</code>. If you click again on  <code>A</code>, the <code>listView</code> will disapear. 
  I know it is something about <code>class Loader</code> but I have trouble to make it work correctly.</p>
  
  <pre><code>Rectangle {
      id: A
      MouseArea {
           anchors.fill: parent
           onClicked {
              //Load or Close listView
           }
      }
   }
   Rectangle {
       id:B
       //here load or unload the listView
   }
  </code></pre>
  
  <p>Does anyone could provide a simple example ?</p>
  
  <p>NB : I don't want to use <code>visible</code> because I need to refresh <code>data</code> when the rectangle is clicked.</p>