How do i make this transition smoother?

Hello, im trying to make a "fade in/fade out" gui. Basically when i click the button a frame becomes visible, and when i click the exit button invisible, but with a "fade in/fade out" effect. Here is the code, its awful but i dont know any other way to get remotely close to what this is:

script.Parent.MouseButton1Click:Connect(function()
	local helpframe = script.Parent.Parent.Parent.helpframe
	wait(0.1)
	helpframe.BackgroundTransparency = 0.1
	helpframe.exithelp.TextTransparency = 0.1
	helpframe.text1.TextTransparency = 0.1
	helpframe.text2.TextTransparency = 0.1
	helpframe.text3.TextTransparency = 0.1
	helpframe.title.TextTransparency = 0.1
	helpframe.title.TextStrokeTransparency = 0.1
	wait(0.1)
	helpframe.BackgroundTransparency = 0.2
	helpframe.exithelp.TextTransparency = 0.2
	helpframe.text1.TextTransparency = 0.2
	helpframe.text2.TextTransparency = 0.2
	helpframe.text3.TextTransparency = 0.2
	helpframe.title.TextTransparency = 0.2
	helpframe.title.TextStrokeTransparency = 0.2
	wait(0.1)
	helpframe.BackgroundTransparency = 0.3
	helpframe.exithelp.TextTransparency = 0.3
	helpframe.text1.TextTransparency = 0.3
	helpframe.text2.TextTransparency = 0.3
	helpframe.text3.TextTransparency = 0.3
	helpframe.title.TextTransparency = 0.3
	helpframe.title.TextStrokeTransparency = 0.3	
	wait(0.1)
	helpframe.BackgroundTransparency = 0.4
	helpframe.exithelp.TextTransparency = 0.4
	helpframe.text1.TextTransparency = 0.4
	helpframe.text2.TextTransparency = 0.4
	helpframe.text3.TextTransparency = 0.4
	helpframe.title.TextTransparency = 0.4
	helpframe.title.TextStrokeTransparency = 0.4
	wait(0.1)
	helpframe.BackgroundTransparency = 0.5
	helpframe.exithelp.TextTransparency = 0.5
	helpframe.text1.TextTransparency = 0.5
	helpframe.text2.TextTransparency = 0.5
	helpframe.text3.TextTransparency = 0.5
	helpframe.title.TextTransparency = 0.5
	helpframe.title.TextStrokeTransparency = 0.6
	wait(0.1)
	helpframe.BackgroundTransparency = 0.7
	helpframe.exithelp.TextTransparency = 0.7
	helpframe.text1.TextTransparency = 0.7
	helpframe.text2.TextTransparency = 0.7
	helpframe.text3.TextTransparency = 0.7
	helpframe.title.TextTransparency = 0.7
	helpframe.title.TextStrokeTransparency = 0.8
	wait(0.1)
	helpframe.BackgroundTransparency = 0.9
	helpframe.exithelp.TextTransparency = 0.9
	helpframe.text1.TextTransparency = 0.9
	helpframe.text2.TextTransparency = 0.9
	helpframe.text3.TextTransparency = 0.9
	helpframe.title.TextTransparency = 0.9
	helpframe.title.TextStrokeTransparency = 0.9
	wait(0.1)
	helpframe.BackgroundTransparency = 1
	helpframe.exithelp.TextTransparency = 1
	helpframe.text1.TextTransparency = 1
	helpframe.text2.TextTransparency = 1
	helpframe.text3.TextTransparency = 1
	helpframe.title.TextTransparency = 1
	helpframe.title.TextStrokeTransparency = 1
end)

Use tweens

see this article