Toggle Show Hide on Client in Liveview

From ElixirBlocks
Revision as of 05:17, 30 July 2023 by Admin (talk | contribs) (Created page with "This is a working example: <source> defmodule AppWeb.PageLive do use AppWeb, :live_view def mount(_params, _session, socket) do {:ok, socket} end def render(assigns) do ~H""" <div phx-click={JS.toggle(to: "#item")} > CLICK ME </div> <div id="item"> hi there </div> """ end end </source>")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search

This is a working example:

defmodule AppWeb.PageLive do
  use AppWeb, :live_view
  def mount(_params, _session, socket)  do
  {:ok, socket}
  end


  def render(assigns) do
    ~H"""
       <div phx-click={JS.toggle(to: "#item")} > CLICK ME </div>

       <div id="item"> hi there </div>
  """
  end

end