不止一个slideToggle在页面

-1

我有一个简单的代码，其slideToggle函数在4个div中工作正常，它在这个div中同时打开所有隐藏的内容。不止一个slideToggle在页面

它改变了图片点击时，但只有第一个，而不是其余，我怎么能做到这一点？

这是重复序列equaly，它会打开所有的4个按钮的代码，但在所有不会改变形象：

<div class="show" style="display:none"><h1>THE TEXT TO APPEAR</h1></div> <a href="#"><img id="bg" class="loadMore" src="<?php echo get_template_directory_uri(); ?>/img/masGris.svg" /></a>

$(document).ready(function() { $('.loadMore').click(function() { $('.show').slideToggle('1100'); var src = $("#bg").attr('src') == "<?php echo get_template_directory_uri(); ?>/img/less.svg" ? "<?php echo get_template_directory_uri(); ?>/img/masGris.svg" : "<?php echo get_template_directory_uri(); ?>/img/less.svg"; $("#bg").attr('src', src); return false; }); });

来源

2017-05-27 rinkaslb

请提供一个小小的代码小提琴。 –

更改选择的$("#bg")与$(this)。因为ID是独一无二的。所有图片请尝试使用each()

已更新

$(document).ready(function() { 
     $('.loadMore').click(function() { 
     $('.show').slideToggle('1100'); 
    $('.loadMore').each(function(){ 
var src = $(this).attr('src') == "<?php echo get_template_directory_uri(); ?>/img/less.svg" ? "<?php echo get_template_directory_uri(); ?>/img/masGris.svg" : "<?php echo get_template_directory_uri(); ?>/img/less.svg"; 
     $(this).attr('src', src); 
     }) 
     return false; 
     }); 
    });

来源

2017-05-27 11:54:56 prasanth

这只会改变我点击的图标。怎么样才能改变这一切，没有mather与我点击一个？ – rinkaslb

@rinkaslb尝试更新答案 – prasanth

这只是改变了我在点击图标，怎么样用一个我点击更改所有图像，没有matther？有人在吗？

来源

2017-05-29 14:53:28 rinkaslb

不止一个slideToggle在页面

回答

相关问题