0

次のリストをネストするのに問題があります。ネストされたリストがページに表示されません。JSがそれを隠していることに関係していると思います。誰が問題が何であるかを見ることができますか - それは私を怒らせています!

<ul class="question">  
     <li><a href="#">QUESTION goes here</a>
      <ul>
      <li><a href="#">ANSWER goes here></a>
      </li>
      </ul>
   </li>
   <li><a href="#">QUESTION 2 goes here</a>
      <ul>
      <li><a href="#">ANSWER 2 goes here>
         <li>
         <ul>
            <li>nested list item 1</li>
            <li>nested list item 2</li>
            <li>nested list item 3</li>
         </ul>
         </li></a>
      </li>
      </ul>
   </li>
</ul>

私のJS：

<script>
$(document).ready(function () {
$('#question > li > a').click(function(){

if (!$(this).hasClass('active')){
$('#question li ul').slideUp();
$(this).next().slideToggle();
$('#question li a').removeClass('active');
$(this).addClass('active');
}
else{
$('#question li ul').slideUp();
$('#question li a').removeClass('active');
}
});
});
</script>
4

1 に答える 1

0

ここ: http://jsfiddle.net/eAJjs/

$('#question > li > a').click(function () {

    if (!$(this).hasClass('active')) {
        $('#question>li>ul').slideUp();
        $(this).next().slideToggle();
        $('#question>li>a').removeClass('active');
        $(this).addClass('active');
    } else {
        $('#question>li>ul').slideUp();
        $('#question>li>a').removeClass('active');
    }
});


<ul id="question">
    <li><a href="#">QUESTION goes here</a>

        <ul>
            <li><a href="#">ANSWER goes here></a>

            </li>
        </ul>
    </li>
    <li><a href="#">QUESTION 2 goes here</a>

        <ul>
            <li><a href="#">ANSWER 2 goes here>
         <li>
             <ul>
                <li>nested list item 1</li>
                <li>nested list item 2</li>
                <li>nested list item 3</li>
             </ul>
         </li></a>

            </li>
        </ul>
    </li>
</ul>
于 2013-08-04T17:21:30.350 に答える