I have been searching all over the internet for a solution to my requirement with no success at all.

I am working on a Drupal 7 website using the latest version of views where i have one content type under the name of Hotel Room which contains the below fields:

• Title (= Room Nbr)

• Room images

• Room description

• Room Size

• Floor Nbr

• Bed Nbr

1. View name: View A

I have created a block view of format fields and displaying only the content:title of the content type Hotel Room

2. View name: View B

I have created another block view of format table and displaying all the fields available for the content type Hotel Room

3. I have placed both views on the homepage, where the View A is placed above View B.

4. What i need to accomplish is:

When i click on any Title inside the View A, View B will show me all the information related to the clicked title. And of course without the page being reloaded .

Here is an image describing what i need:

On the above image:

when i click on Room Nbr 18 inside View A, all the details about that Room Nbr will show up inside the below View (View B) without reloading of the page.

Update: The below image is what exactly i am trying to achieve in my drupal 7 website.

Is that possible to be done using Drupal 7 and views ?

Any help is much appreciated...

Thank you !