Abrir acordeón

[ceaped]

Buenos días
Tengo este acordeón:

Código Javascript:

<script type="text/javascript">
$(document).ready(function() {
    
    $('#acordeon p').each(function() {
    var tis = $(this), state = false, answer = tis.next('div').slideUp();
    
    //Propiedades a DIV
    jQuery('.cajon_boton').css('cursor', 'pointer');
    jQuery('#uno').css("background-color", "#cfceae");
    jQuery('#uno').css( "color" , "#222830");
    
        tis.click(function() {
            state = !state;
            answer.slideToggle(state);
            tis.toggleClass('active',state);
        
    if( $( document ).width() <= 480 ){
    jQuery('.cajon_boton').show.slideToggle();
    
    } else if( $( document ).width() >= 680 ){
    jQuery('.cajon_boton').show.slideDown();
 
    }
            
        });
    });
});
</script>
 

Código HTML:

<div id="acordeon" class="cajon_boton">
<img src="../images/mi_imagen.jpg" alt="Elace">
<p id="uno">Enlace</p>
 

El acordeón se abre con "<p id="uno">Enlace</p>"
Pero también quiero abrirlo por medio de la imagen "<img src="../images/mi_imagen.jpg" alt="Elace">"

¿Cómo puedo abrirlo también por medio de la imagen?

Gracias por su ayuda

[ArturoGallegos]

Haz probado con
$('#acordeon p, #acordeon img').each(function() {


Y si montas una demo en jsflidde, jsbin o similar para verlo en acción y poder entender mejor a que te refieres?