show () и toggle () не работают должным образом

Question

b1 скрывает изображение, в то время как b2 не показывает его. Также функция toggle не работает? Что не так в моем коде?

$(document).ready(function() {
  $(".b1").click(function() {
    $("img").hide();
  });

  $(".b2").click(function() {
    $("img").show();
  });     
});

Answer 1

Без кода невозможно дать правильный ответ. Если я предполагаю, что с HTML и CSS все хорошо, я бы сделал что-то вроде этого:

$(document).ready(function() {

var imgOne = $(".b1");
var imageTwo = $(".b2");

var imgClass = $(".img-class");


  imgOne.on("click",function() {
    imgClass.hide();
  });

  imageTwo.on("click",function() {
    imgClass.show();
  });     
});

Вы также можете добавить console.log('pass'), когда нажимаете, чтобы увидеть, что функции вообще что-то делают. Вот так:

$(document).ready(function() {

var imgOne = $(".b1");
var imageTwo = $(".b2");

var imgClass = $(".img-class");


  imgOne.on("click",function() {
    console.log('pass hide');
    imgClass.hide();
  });

  imageTwo.on("click",function() {
    console.log('pass show');
    imgClass.show();
  });     
});

Вы должны увидеть эти отпечатки в консоли, если все работает нормально. Попробуйте это. Надеюсь, это поможет:)