Önceki resmin sabit görüntülenmemesi

Merhaba,

Swap image çalışmasıdır ve kodlar çalışıyor. Fakat başka resme tıklayınca önceki resim gizleniyor görüntülenmiyor. Değişen önceki resmin de sabit kalmasını istiyorum.

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>

var $ = jQuery
$(document).ready(function(){
    $('[data-showme]').on('click', function(){
        var showme = $(this).attr('data-showme')
        
        $('.ust').hide()
        $('#' + showme).show()
    })
})

var $ = jQuery
$(document).ready(function(){
    $('[data-showme]').on('click', function(){
        var showme = $(this).attr('data-showme')
        
        $('.orta').hide()
        $('#' + showme).show()
    })
})

var $ = jQuery
$(document).ready(function(){
    $('[data-showme]').on('click', function(){
        var showme = $(this).attr('data-showme')
        
        $('.taba').hide()
        $('#' + showme).show()
    })
})
</script>

çalışabilir halde codesandbox linki atarsanız bakaym

codesandbox kullanmıyorum