mixhtml

SHOW

Show already created items

In this example, there are multiple items in the DOM with the class "item", but they are all hidden using the mix-hidden class. Click on the "Show items" button, will send a reques to the server. The response will contain the instruction to show those hidden users.

Note: The request send to the server doesn't influence this example. It can be any type of request. For the example, it is using a GET.

Item One
Item Two
Item Three

Request

    <button mix-get="items">
        Show items
    </button>

Response

<browser 
    mix-show=".item"
>
</browser>

Show already created items slowly

In this example, there are multiple items in the DOM with the class "item", but they are all hidden using the mix-hidden class. Click on the "Show items" button, will send a reques to the server. The response will contain the instruction to show those hidden users.

Note: The request send to the server doesn't influence this example. It can be any type of request. For the example, it is using a GET.

Item One
Item Two
Item Three

Request

    <button mix-get="items">
        Show items
    </button>

Response

<browser 
    mix-show=".item" mix-fade-5000
>
</browser>