title: How to connect multiple recyclerview or fragment for animation like shown
body: <p>One of my client recently came up with a strange inspiration, which we really wants to integrate in his application</p>
  
  <p><a href="https://i.stack.imgur.com/BUNX4.gif" rel="noreferrer"><img src="https://i.stack.imgur.com/BUNX4.gif" alt="Prototype Animation Here"></a></p>
  
  <p>I am trying my hard to achieve this but I am really confused. Can somebody just guide me the steps to achieve this type of transition with animation.</p>
  
  <h3>Let me just ask specific question for you to easily answer it</h3>
  
  <ol>
  <li>What should we use here fragments or different views elements?</li>
  <li>How to interact both of them? Like when the salon category is clicked how to take that <strong>Category Section</strong> to the top section and keep it selected?</li>
  <li>How to convert them also to pager numbers as well?</li>
  </ol>