2017-02-23 31 views
0

HTML:My Accordion, похоже, не работает. Щелкнул, но ничего не произошло. оно не пройти через JS в

<div class="accordion"> 
    <div class="accordion-section"> 
     <a class="accordion-section-title" href="#accordion-1">Test</a> 
     <div class="accordion-section-content" id="accordion-1"></div> 
    </div> 
</div> 

My JS (который я взял из http://inspirationalpixels.com/tutorials/creating-an-accordion-with-html-css-jquery):

jQuery(document).ready(function() { 
    function close_accordion_section() { 
     jQuery('.accordion .accordion-section-title').removeClass('active'); 
     jQuery('.accordion .accordion-section-content').slideUp(300).removeClass('open'); 
    } 

    jQuery('.accordion-section-title').click(function(e) { 
     // Grab current anchor value 
     var currentAttrValue = jQuery(this).attr('href'); 

     if(jQuery(e.target).is('.active')) { 
      close_accordion_section(); 
     }else { 
      close_accordion_section(); 

      jQuery(this).addClass('active'); 

      jQuery('.accordion ' + currentAttrValue).slideDown(300).addClass('open'); 
     } 
     e.preventDefault(); 
    }); 
}); 
+0

Попробуйте положить e.preventDefault(); в начале, перед currentAttrValue –

ответ

0

Код, который вы разместил выглядит хорошо для меня. Обязательно включите JS-файл jQuery на свою страницу в конце тега.