[Zireko]

I'm simply trying to understand how to show and hide a from with a right mouse click. Here is the code where I think I don't have it correct. I'm remembering how I did this with Elder Scrolls Online so I was trying it this way and mixed it with a way to do it in wow that I've found online. However it's not working.

The Code for Hidding and showing the frame with right mouse click to my button.

local frame = CreateFrame("Button", ZBarOptionFrame, UIParent)
 
ZBarOptionFrame:RegisterForClicks("AnyUp")
ZBarOptionFrame:SetScrpit("OnClick", function(self, button, ...)
    if (button == "RightButton") then
        if ZBarOptionFrame:IsShown() then
            ZBarOptionFrame:SetHidden(false)
        else
            ZBarOptionFrame:SetHidden(true)
        end
    end
end)

Here is the entire lua code I have so far remember I'm still working on this so it's not finished at all yet.

--Want to add Show Hide function for each window. ( barQWindow, barAWindow, barMWindow, barCWindow )
--With the Show Hide I want to add this in an addon options window.
--Want to add a lock frame for each window. 
--With lock frame I want to add this in an addon options window.
 
--Create a button using lua that pulls up a window for ZBar Options.
 
-- creates a generic button in the middle of the screen --
ZBarButton = CreateFrame("Button","ZBarButton",UIParent,"UIPanelButtonTemplate")
ZBarButton:SetPoint("CENTER",0,0)
ZBarButton:SetWidth(30)
ZBarButton:SetHeight(30)
ZBarButton:SetText("ZB")
ZBarButton:SetMovable(true)
ZBarButton:RegisterForDrag("LeftButton")
ZBarButton:SetScript("OnDragStart",ZBarButton.StartMoving)
ZBarButton:SetScript("OnDragStop",ZBarButton.StopMovingOrSizing)
 
ZBarOptionFrame = CreateFrame("Frame")
ZBarOptionFrame:ClearAllPoints()
ZBarOptionFrame:SetBackdrop(StaticPopup1:GetBackdrop())
ZBarOptionFrame:SetHeight(300)
ZBarOptionFrame:SetWidth(300)
ZBarOptionFrame:SetHidden(true)
 
ZBarOptionFrame.text = ZBarOptionFrame:CreateFontString(nil, "BACKGROUND", "GameFontNormal")
ZBarOptionFrame.text:SetAllPoints()
ZBarOptionFrame.text:SetText("ZBar Options Verison 1.0")
ZBarOptionFrame:SetPoint("CENTER", 0, 0)
 
local frame = CreateFrame("Button", ZBarOptionFrame, UIParent)
 
ZBarOptionFrame:RegisterForClicks("AnyUp")
ZBarOptionFrame:SetScrpit("OnClick", function(self, button, ...)
    if (button == "RightButton") then
        if ZBarOptionFrame:IsShown() then
            ZBarOptionFrame:SetHidden(false)
        else
            ZBarOptionFrame:SetHidden(true)
        end
    end
end)

Please if you write code back to me show it completely with all information and deep examples. I'm still very new to coding.