How to show a single combination from matrix of values and hide others

Edit: I edited question, because initially classes where index based, but in real scenario they are not..

lets say I have this markup, more or less

<div class="container">
    <div class="room_special">
         <div class="aaaa"></div>
         <div class="bbbb"></div>
         <div class="cccc"></div>
    </div>
    <div class="room_junior">
         <div class="xyz"></div>
         <div class="ztx"></div>
         <div class="tda"></div>
    </div>
    <div class="room3">
         <div class="xxxx"></div>
         <div class="board3"></div>
         <div class="zzzzz"></div>
    </div>
</div>

And I want to make visible (the rest, hidden) Room2 – Board 3, and this could change when the user clicks on some elements (not those..)

And I have two vars, which read the user events:

var room = 'room3';
var board = 'board3';

I am currently doing like this, but I think/hope that there’s is a simpler way, because I have a very large number of nodes

function show(room,board) {
   $('.container div').fadeOut(); // hide the bothers
   $('.container div.'+room).fadeIn(); // show the one
   $('.container div .'+room+' div').fadeOut(); // hide the brothers
   $('.container div').find('.'+room+' .'+board).fadeIn(); // show the one
}

Now, this is working, but can I make it using a jQuery selector which I might not know or just in a single jQuery line?

EDIT2:
I can see that I could do it like this, which is a single line but actually looks worse:

$('.container div').not('.'+room).hide().end().filter('.'+room).show().find('div').not('.'+board).hide().end().find('.'+board).show();

Sample fiddle

Answer

Adding some class will make it neat,

<div class="container">
    <div class="room room1">
         <div class="board1"></div>
         <div class="board2"></div>
         <div class="board3"></div>
    </div>
    <div class="room room2">
         <div class="board1"></div>
         <div class="board2"></div>
         <div class="board3"></div>
    </div>
    <div class="room room3">
         <div class="board1"></div>
         <div class="board2"></div>
         <div class="board3"></div>
    </div>
</div>

var desiredRoom = 'some-Class-That-Represent-a-room'; //populate this from button click
var desiredBoard = 'some-Class-That-Represent-a-board'; //populate this from button click

function show(desiredRoom, desiredBoard) {
  //hide all boards
  $('.room div').fadeOut();
  //show the one
  $('.' + desiredRoom +' .'+desiredBoard).fadeIn()
}

If we can get the classes indicating which room and board from the events [from dropdown may be], this can work.