javascript - 每个选项卡标题内文本的手风琴 Jquery 对齐方式

Question

我有以下代码用“jquery”向我显示手风琴

<div id="accordion">
    <h3>PARA EMPEZAR</h3>
    <div>
        hola 
    </div>

    <h3>SEGUNDO PASO </h3>
    <div>
        Escribe tu texto
    </div>
</div>

问题是每个选项卡的标题都在“h3”之间，我想搁置一些右对齐的日期，但不是如何

我想要我保持这种方式的每个标签的标题：http: //s2.subirimagenes.com/otros/previo/thump_8577863tabs.jpg

但不是如何对齐像我这样的元素 aparescan 标题图像。我将不胜感激帮助对齐元素

Answer 1

尝试使用以下方法：

<div id="accordion">
    <h3>PARA EMPEZAR <span class="date">31-12-2012</span></h3>
    <div>
        hola 
    </div>

    <h3>SEGUNDO PASO <span class="date">31-12-2012</span></h3>
    <div>
        Escribe tu texto
    </div>
</div>

并应用样式：

<style>
    #accodion{
      width: 500px; /*for example */
    }

    #accodion h3{
      display:block;
      text-align:left; /*just to make sure it is*/ 
      width:100%;
      height:50px;
      line-height:50px;
    }

    #accordion span.date{
      float:right;
      line-height:50px;
      text-align:right;
    }
</style>