смена картинки
 

Доброе время суток есть бустрап таб с картинкой

<ul class="nav nav-pills mb-3" id="pills-tab" role="tablist">
   <li class="nav-item w-50 text-center">
<a class="nav-link active img-click" id="pills-home-tab" data-toggle="pill" href="#pills-home" role="tab" aria-controls="pills-home" aria-selected="true"> <img src="img/acoount.png" class="pr-3" alt=""> Account details</a>
          </li>
       <li class="nav-item w-50 text-center">
       <a class="nav-link" id="pills-profile-tab" data-toggle="pill" href="#pills-profile" role="tab" aria-controls="pills-profile" aria-selected="false"> <img src="img/mdi_payment.png" class="pr-3" alt=""> Payment info</a>
                                            </li>
 </ul>

мне надо что при клике на таб картинка менялась у меня вишло что при клике на картинку меняеть а не на таб

$("img").bind("click", function() {
            var src = ($(this).attr("src") === "img/acoount.png") ?
                "img/Vectorr.png" :
                "img/acoount.png";
            $(this).attr("src", src);
        });

пробивал обратица к айди таба или класа не виходит скрип не работает

$(".img-click").bind("click", function() {
                ("#pills-home").bind("click", function() {

не могу понять что я делаю не так

А где код обработчика щелчка по tab, в него то и добавьте изменение изображения.

А вообще все это можно через css.

я думал через css прятать картину , а потом подумал что не вийдет потому что надо чтоб переключались блоки и картинки менялись , а не один раз спрятать или показать
код обработчика щелчка по tab в бустрапе , етож бустрап таб ,

Многое и в бутстрап можно задать через атрибуты, а нет так меняются два изображения, значит у кнопок пассивных определено перовое, а у класса активного второе. Почему это не получится на css?

спс заработалса уже