Hey all!

I have a linked image that I would like to change both the src of the image and the href of the achor on break point. I'm able to switch images with the code below but I'm not sure if there's a way to toggle the URL without using display:none;

Here is what I have so far:

    <style>
        @media only screen and (max-width: 500px) {
            span[id=a-switcher] {
                display:block;
                background-image: url(http://path/to/mobile/image.png) !important;
                background-repeat: no-repeat !important;
                background-position: top !important;
                width: 100% !important;
                height: 213px !important;
             }

            img[id=a-img] {display: none !important;}
        }
    </style>

    <a href="#">
        <span id="a-switcher">
            <img id="a-img" src="http://path/to/desktop/image.png" width="280" alt="Get our app!" />
         </span>
    </a>

Any thoughts? Thanks in advance!