点击一个按钮控制他的兄弟元素显示隐藏，点一次显示再点就隐藏，如此循环，怎么做？

lilikilki

我用的jquery方法没效果
Model.prototype.answerBtnClick = function(event){
                $(this).siblings('span').slideToggle();       
        };

半导体

.activeClass{
    border-bottom:3px solid blue;
}
你定义一个类似这样的class  先用hasClass方法判断兄弟元素是否有这个class  没有就添加这个class有就干掉

lilikilki

半导体 发表于 2017-3-17 11:00
.activeClass{
    border-bottom:3px solid blue;
}

没效果，class加不上去
Model.prototype.answerBtnClick = function(event){
                if($(this).siblings('span').hasClass('activeClass')){
                        $(this).siblings('span').removeClass('activeClass');
                }else{
                        $(this).siblings('span').addClass('activeClass');
                }
                       
        };

半导体

lilikilki 发表于 2017-3-17 15:28
没效果，class加不上去
Model.prototype.answerBtnClick = function(event){
                if($(this).siblings('spa ...

$(this.getElementByXid('span')).addClass('activeClass');

lilikilki

半导体 发表于 2017-3-17 16:09
$(this.getElementByXid('span')).addClass('activeClass');

这样不行，我一个页面有很多个这样的按钮和span

半导体

lilikilki 发表于 2017-3-17 17:48
这样不行，我一个页面有很多个这样的按钮和span

那你就获取当前的DOM节点

lilikilki

半导体 发表于 2017-3-17 18:14
那你就获取当前的DOM节点

Model.prototype.answerBtnClick = function(event){
                $(this).siblings('span').slideToggle();        
        };
$(this).siblings('span')这样不是获取当前的DOM节点吗？并没有效果

半导体

lilikilki 发表于 2017-3-18 13:20
Model.prototype.answerBtnClick = function(event){
                $(this).siblings('span').slideTo ...

那你换种写法   你试试event.target吧   或是$(this.getElementByXid('Xid'))