hide()不能像我希望的那样工作

时间:2015-04-21 01:00:18

标签: jquery html twitter-bootstrap

我在这里做了一些根本错误的事吗?最初的想法是,如果你点击旋转木马上的任何物体,信息将在底部fadeIn()。我试图理解为什么allmsgs.hide()根本不起作用,同时将该行交换到m1.hide()以隐藏奇异信息。我真的希望allmsgs.hide()可以使它更加防止用户出错。

$(document).ready(function(){
    $(".owl-carousel").owlCarousel({
    autoPlay: 20000, 

        items : 4,
        itemsDesktop : [1199,3],
        itemsDesktopSmall : [979,3],
        StopOnHover : true,
        lazyEffect : 5000,
        mouseDrag : true
    });

    $('#panel1').on('click',function(event){
    var pan1 = $('#panel1');
    var m1 = $('#message1');
    var allpans = $('.panels');
    var allmsgs = $('.messages');
    allmsgs.hide();
    if(pan1.hasClass('clicked')){
    allpans.css('background','#bebec5').removeClass('clicked');
        }   else{
            m1.fadeIn('slow');
            pan1.css('background','#aec6d7').addClass('clicked');
            }
    });

    $('#panel2').on('click',function(event){
    var pan2 = $('#panel2');
    var m2 = $('#message2');
    var allpans = $('.panels');
    var allmsgs = $('.messages');
    allmsgs.hide();
    if(pan2.hasClass('clicked')){
    allpans.css('background','#bebec5').removeClass('clicked');
        }   else{
            m2.fadeIn('slow');
            pan2.css('background','#aec6d7').addClass('clicked');
            }
    });

    $('#panel3').on('click',function(event){
    var pan3 = $('#panel3');
    var m3 = $('#message3');
    var allpans = $('.panels');
    var allmsgs = $('.messages');
    allmsgs.hide();
    if(pan3.hasClass('clicked')){
    allpans.css('background','#bebec5').removeClass('clicked');
        }   else{
            m3.fadeIn('slow');
            pan3.css('background','#aec6d7').addClass('clicked');
            }
    });

});

1 个答案:

答案 0 :(得分:0)

抱歉被人迟钝了。 Macsupport发现了我不知道的事情,并且我能够通过省略其他部分来实现它的运行方式。

$('#panel1').on('click',function(event){
var pan1 = $('#panel1');
var m1 = $('#message1');
var allpans = $('.panels');
var allmsgs = $('.messages');
allmsgs.hide();
allpans.css('background','#bebec5');
m1.fadeIn('slow');
pan1.css('background','#aec6d7');
});
无论如何,非常感谢。