jQuery переключить обмен изображения и показать скрыть еще один div

Question

Я пытаюсь одновременно переключать изображение и другой div. У меня это так, что, когда вы нажимаете на изображение, изображение переключается и показывает другой div, но когда вы нажимаете снова, изображение не переключается обратно. Что мне недостает, чтобы сделать это так, чтобы он переключился?

$("#swap").click(function() { 
 
    $("#swap-nav").toggle("slow", function() {}); 
 
}); 
 

 

 
$('#swap-img').click(function() { 
 
    this.src = 'i/icon.png'; 
 
}, function() { 
 
    this.src = 'i/close.png'; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<li id="swap"> 
 
    <img id="swap-img" src="i/icon.png" data-swap="i/close.png"> 
 
</li> 
 
<div id="swap-nav"> 
 
    <li>one</li> 
 
    <li>two</li> 
 
</div>

Answer 1

Я бы объединить два в одном случае, например, так:

$("#swap").click(function() { 
 
    $("#swap-nav").toggle("slow", function() {}); 
 
    var img = $('img[data-swap]',this); 
 
    var temp = img[0].src; 
 
    img[0].src = img.data('swap'); 
 
    img.data('swap',temp); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<li id="swap"> 
 
    <img src="http://placehold.it/25x25" data-swap="http://placehold.it/25x25/00ff00"> 
 
</li> 
 
<div id="swap-nav"> 
 
    <li>one</li> 
 
    <li>two</li> 
 
</div>

Answer 2

Возможно, это может помочь!

$('#swap-img').click(function() { 
    this.src = (this.src=='i/icon.png')?'i/close.png':'i/icon.png'; 
});