1

うまくいけば、私の問題で私を助けることができます. かなり長い間悩まされてきました。

私のメニューを機能させようとしています。

ブロックをクリックすると、それが開き、別のタブが開いている場合は他のタブを閉じます。

よろしくお願いします

HERE IS JSFIDDLE http://jsfiddle.net/3ZWZu/ HTML、CSS、JS(jQuery)を含む

$(document).ready(function() {

$('.ac-menu .topLevel').click(function(e) {
    e.preventDefault();

        if($('.ac-menu .topLevel ul').hasClass('open') === true){
        $('.ac-menu .topLevel ul').removeClass('open'); 
        $('.ac-menu .topLevel ul').addClass('closed');  
        $('.ac-menu .topLevel ul').slideUp(300);

    }
        if($(this).next('ul').hasClass('closed') === true){ 
        $(this).next('ul').removeClass('closed');           
        $(this).next('ul').slideDown(300);
        $(this).next('ul').addClass('open');
    }
 });
});
4

2 に答える 2

0

そのjsfiddleが必要だと思います

topLevel代わりにliにクラスを追加しますa href

$(document).ready(function() {
  $('.ac-menu li.topLevel').click(function(e) {
    e.preventDefault();
    var isClosed = $(this).find('ul').hasClass('closed');
    $('.ac-menu li.topLevel ul').removeClass('open').addClass('closed').slideUp(300);
    if( isClosed){
        $(this).find('ul').addClass('open').removeClass('closed').slideDown(300);
    }
 });
});
于 2013-04-17T12:23:54.587 に答える