javascript - 简单的按钮单击 - 显示内容问题

Question

我知道这可能是一个非常简单的错误，但我已经在上面花了最后一个小时，但我一生都无法弄清楚为什么它不起作用。

我想做的是建立一个推荐部分，用户将:

• 点击公司 Logo
• 如果存在现有的有效评价，请将其删除
• 加载下面所选的推荐

我做错了什么？

fiddle :http://jsfiddle.net/rv9HF/

$('.logobuttons a').click(function() {
   var link = $(this).attr('class');

   $('.testimonial-content blockquote').each(function() {
        if ($(this).is(':visible')) {
            $(this).fadeOut(300);
        }
   });

   $('testimonial-content ' + link).fadeIn(300);
});



<section id="testimonials">
   <div class="logobuttons">
       <a class="tc-1" href=""><img src="http://placehold.it/100x100"></a>
       <a class="tc-2" href=""><img src="http://placehold.it/100x100"></a>
       <a class="tc-2" href=""><img src="http://placehold.it/100x100"></a>
       <a class="tc-2" href=""><img src="http://placehold.it/100x100"></a>
   </div>
   <div class="testimonial-content">
       <blockquote class="tc-1">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit</p>
       </blockquote>
       <blockquote class="tc-2">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit</p>
       </blockquote>
       <blockquote class="tc-3">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit</p>
       </blockquote>
       <blockquote class="tc-4">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit</p>
       </blockquote>
   </div>
</section>

Answer 1

您的 Sizzle 选择器中缺少两个句点，这应该可以。

    $('.logobuttons a').click(function(e) {
        var link = $(this).attr('class');

        $('.testimonial-content blockquote').each(function() {
             if ($(this).is(':visible')) {
                 $(this).fadeOut(300);
             }
        });

      $('.testimonial-content .' + link).fadeIn(300);

       e.preventDefault();
   });