我编写了两段独立的代码，以不同的方式显示数据库记录。如何在

Question

下面的代码以不同的方式显示相同的图像，我想创建一个在两种方式之间切换的按钮。我的第一个想法是创建一个导致www.domain.com/second-view路由的按钮，该按钮将显示包含第二个代码段的视图，但由于某种原因这对我来说听起来不太顺利。另一个想法是创建一个切换按钮，它将隐藏当前视图，并显示另一个视图，反之亦然。我只是在寻找一些关于如何做到的提示和意见。

@foreach($images as $image)
        <div class='imageContainer'>
            <div class="stickyContainer blackGradient">
                <h1 class='imageTitle'>{{$image->name}}</h1>
                <img class='uploadedImg' src='{{url("storage/uploads/images/".$image->file_name)}}' alt='Random image'/>
                <a class='specialA' href='{{url("image/".$image->id)}}'></a>
                @auth
                <div class='votingContainer'>
                    <a href='#' class='vote {{ ( auth()->user()->votes()->whereImageId($image->id)->first() && auth()->user()->votes()->whereImageId($image->id)->first()->vote == 1 ) ? "liked" : "like" }}' id='{{$image->id}}'></a>
                    <a href='#' class='vote {{ ( auth()->user()->votes()->whereImageId($image->id)->first() && auth()->user()->votes()->whereImageId($image->id)->first()->vote == 0 ) ? "disliked" : "dislike" }}' id='{{$image->id}}'></a>
                </div>
            @endauth
            </div>
        </div>
    @endforeach

<div class="grid">
    @foreach($images as $image)
    <div class="grid-item">
        <img src="{{url(" storage/uploads/images/ ".$image->file_name)}}" />
        <a class='specialA' href='{{url("image/".$image->id)}}'></a>
    </div>
    @endforeach
</div>