<div class='container'>
  <div class='menu'>A
    <div class='submenu'></div>
    <div class='submenu'></div>
    <div class='submenu'></div>
    <div class='submenu'></div>
  </div>
  <div class='menu'>B
    <div class='submenu'></div>
    <div class='submenu'></div>
    <div class='submenu'></div>
    <div class='submenu'></div>
  </div>
  <div class='menu'>C
    <div class='submenu'></div>
    <div class='submenu'></div>
    <div class='submenu'></div>
    <div class='submenu'></div>
  </div>
    <div class='menu'>D
    <div class='submenu'></div>
    <div class='submenu'></div>
    <div class='submenu'></div>
    <div class='submenu'></div>
  </div>
</div>

.menu{
  float:left;

  height: 60px;
  width: 60px;
  border: 1px solid #000;
  text-align: center;
  vertical-align: middle;
  line-height: 60px;
}

$('.menu').on('click', function(){
    $(this).nextAll().css('float', 'right');
});