Hello, my bootstrap right panel cannot switching well. when i click #food link, it show the item, and when i click #drink link, it still ok to show the item, but, when i want to click #food link again, it doesnt work. Can anyone help me?

                    <div class="panel-body"> <ul class="nav nav-pills nav-stacked category-menu"> <li > <a>Foods <span class="badge pull-right"><?php echo $size1;?></span></a> <ul> <li><a data-toggle="pill" href="#food">Lunch Set</a></li> <li><a data-toggle="pill" href="#chicken">Chicken</a></li> </ul> </li> <li> <a>Drinks  <span class="badge pull-right"><?php echo $size2;?></span></a> <ul> <li><a data-toggle="pill" href="#drink">Juice</a></li> </ul> </li> </ul> </div> <div class="tab-content"> <div id="Home" class="tab-pane active">Some stuff.</div> <div id="food" class="tab-pane">
        aa
      </div> <div id="chicken" class="tab-pane">
        bb
      </div> <div id="drink" class="tab-pane">
        cc
      </div> </div>