Question

我正在尝试在css菜单下打开一个列表标签，但它会在css菜单中打开两个元素。但是我想只为特定标签显示一个列表。当我点击Dokumentart标签时，它应该显示tab1并且tab2不应该打开（在左侧导航列表中）。但在mz的情况下，它会打开两个标签。我只希望tab1为dokumentart打开。

<!doctype html>
<html lang=''>
<head>
   <meta charset='utf-8'>
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="stylesheet" href="styles.css">
   <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
   <script src="script.js"></script>
   <script src="tab.js"></script>
   <script src="list.js"></script>
<title>Dummy Data</title>
</head>
<body>

<div id='cssmenu' style="float:left;"><ul></ul></div>

<div class="tabs">
    <ul class="tab-links">
        <li class="active"><a href="#tab1">Tab #1</a></li>
        <li><a href="#tab2">Tab #2</a></li>
    </ul>

<div class="tab-content">
      <div id="tab1" class="tab active">
            <h1>My heading1</h1>
               <table>
                     <tr>
                        <td>
                           <label for="DART">Dokumentart</label>
                        </td>
                     </tr>

                     <tr>
                        <td>
                           <select name="DART" type="text">
                              <option value="Valve specification" >Valve specifications</option>
                              <option value="Pipe specification" >Pipe specifications</option>
                              <option value="Technical purchase specification" >Technische Lieferbedingung</option>
                           </select>
                        </td>
                     </tr>
               </table>          
      </div> 


      <div id="tab2" class="tab">
            <h1>My Heading2</h1>
            <table>
               <tbody>
                  <tr>
                     <td>
                     <label for="TITR">Title (Russia)</label>
                     </td>
                  </tr>

                  <tr>
                     <td>
                     <textarea name="TITR" type="text"></textarea>
                     </td>
                  </tr>
               </tbody>
            </table>          
      </div>
</div>

</div>

</body>
<html>


        $( "label" ).click(function() {
            var label = $(this).html();
            $("#cssmenu li.has-sub").addClass("open");
           alert("break");
           $("#cssmenu ul").css("display","block");
          $("#cssmenu li.has-sublist").addClass("open");
          $("#cssmenu li.has-sublist").show();
      });

jQuery脚本不适用于css菜单下的列表

0 个答案: