不止一個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在頁面

回答

相關問題