jquery .show() 无法正确显示答案

【问题标题】：jquery .show() not displaying correctlyjquery .show() 无法正确显示
【发布时间】：2014-11-05 23:45:58
【问题描述】：

所以基本上我想做一个事件，如果单击一个选项卡，两个按钮组消失（.hide（）），当另一个选项卡被单击时，这两个按钮组重新出现（.show（））。所以，.hide() 没问题。最初，显示两个组：inline-block，这很好。但是当他们再次出现时，他们不在同一条线上。

![最初]：http://imgur.com/BrDF0jR,GEnwn4q#0 ![之后]：http://imgur.com/BrDF0jR,GEnwn4q#1

这是我的 html、css 和 jQuery

HTML：

<div class="row" id="selection">
    <div class="col-lg-6">
        <ul class="nav nav-tabs nav-justified" role="tablist">
            <li class="active"><a href="#mod" data-toggle="tab"> module et orientation </a></li>
            <li><a href="#com" data-toggle="tab"> composantes </a></li>
        </ul>
...

<div class="mode-selector">
  <span class="mode">Mode: </span>
  <div class="btn-group" data-toggle="buttons">
    <label class="btn btn-default" id="rad"> 
      <input type="radio" name="inlineRadioOptions" value="rad"> Radians 
    </label>
    <label class="btn btn-default" id="deg"> 
      <input type="radio" name="inlineRadioOptions" value="deg"> Degrés 
    </label>
  </div>  
</div>
<div class="mode-selector pull-right">
  <span class="mode">Format de la réponse: </span>
  <div class="btn-group" data-toggle="buttons">
    <label class="btn btn-default" id="polaire"> 
      <input type="radio" name="inlineRadioOptions" value="rad"> Polaire 
    </label>
    <label class="btn btn-default" id="composantes"> 
      <input type="radio" name="inlineRadioOptions" value="deg"> Composantes 
    </label>
  </div>  
</div>

CSS：

.mode-selector{
    margin-top: 20px;
    text-align: center;
    margin-bottom: 10px;
    display: inline-block;
}

jQuery:

$('#selection ul li:eq(1)').click (function() {
    $('.mode-selector').hide(); 
});

$('#selection ul li:eq(0)').on('click', function() {
    $('.mode-selector').show();
});

【问题讨论】：

图片有问题，我刚刚发布了链接
你可能想看看这个问题，它说使用.css 代替：stackoverflow.com/questions/9260009/…
是的，我之前尝试过 .css 显示方法（使用 inline-block），但它不起作用，所以我尝试了 .hide 和 .show 方法。
您的 HTML 代码中没有 lis。能贴一下相关的HTML吗？
刚刚做了（在html的开头）

标签： javascript jquery html css

【解决方案1】：

似乎第二个按钮组中的 pull-right 类导致了这个问题。我删除了它，过渡完美无缺。谢谢大家！

【讨论】：