Question

所以当只有一个手风琴dd（带有内容的项目，缺少更好的术语）并且我在页面加载时将其编码为活动时，一切都按预期运行，并且活动标签标题被正确突出显示。

但是当有超过1个手风琴dd并且它们被加载为无效时，然后点击，活动标签标题不会突出显示，直到再次点击。

这是我认为我需要的解决方案：在foundation.css中，当手风琴内容处于活动状态时，我想让第一个标签标题和内容处于活动状态。想法？

<div class="row">
   <div class="small-12 small-centered columns">
      <dl class="accordion" data-accordion>
         <dd id="MEALROW_55" class='active'>
           <a href="#meal_55">Sweet and Sour Chicken   &nbsp;&nbsp; <span class='secondary round label'>Shared</span> <span class="tag-right">&nbsp; Tags: Asian, Chicken</span></a>
             <div id="meal_55" class="content active">

         <div class="row"><div class="small-12 large-4 columns" style="font-size:80%;">
            <dl class="tabs" data-tab>
               <dd class="tab-title active"><a href="#i_55" style="font-size:85%;">Ingredients</a></dd>
               <dd class="tab-title"><a href="#s_55" style="font-size:85%;">Shopping List</a></dd>
            </dl>

            <div class="tabs-content">
            <div class="content active" id="i_55">
            3-5 chicken breast<br>salt and pepper<br>1 cup cornstarch<br>2 eggs, beaten<br>1/3 cup canola oil<br>3/4 cups white sugar<br>4 Tablespoons ketchup<br>1/2 cup white distilled vinegar<br>1 Tablespoon soy sauce<br>1 teaspoon garlic salt<br>
            </div>
            <div class="content" id="s_55">
            3-5 chicken breast<br>salt and pepper<br>1 cup cornstarch<br>2 eggs, beaten<br>1/3 cup canola oil<br>3/4 cups white sugar<br>4 Tablespoons ketchup<br>1/2 cup white distilled vinegar<br>1 Tablespoon soy sauce<br>1 teaspoon garlic salt<br>
            </div>
            </div>
         </div>

               </div>
         </dd>
       </dl>
          </div>
    </div>

手风琴中的标签没有正确造型

0 个答案: