<div class="card">
                                    <div class="side-A">
                                        <p>
                                        <strong>Bastian Semmler</strong><br>
                                        <br>
                                        Staatl. geprüfter Betriebswirt <br>
                                        <italic>Geschäftsführer</italic>
                                        </p>
                                        <a href="mailto:b.semmler@msusg.de"><i class="fa fa-envelope"></i>b.semmler@msusg.de</a>
                                        <br>
                                        <a class="toB">Mehr</a>
                                    </div>
                                    <div class="side-B">
                                        <p>
                                        <strong>Enno</strong><br>
                                        <br>
                                        Staatl. geprüfter Betriebswirt <br>
                                        <italic>Geschäftsführer</italic>
                                        </p>
                                        <a href="mailto:b.semmler@msusg.de"><i class="fa fa-envelope"></i>b.semmler@msusg.de</a>
                                        <br>
                                        <a class="toA">Mehr</a>
                                    </div>
                                </div>
            <script>
                $(document).ready(function(){
                    $('.side-B').hide();
                    $('.toB').on('click', function(){
                        $(this).parent().fadeOut(250,function(){
                            $(this).next().fadeIn();
                        });
                    });
                    $('.toA').on('click', function(){
                        $(this).parent().fadeOut(250,function(){
                            $(this).prev().fadeIn();
                        });
                    });
                });
            </script>