Need Help! On Click: Hide Image & Show Form

[andonbray]

My goal is to have an image that when clicked, shows a form. Someone told me I needed jquery, but I’m a noob so I don’t know if that’s right. I’m working on a wordpress sidebar widget on this site: http://devotedgeneration.com/

I tried using jquery like shown here.

My result was this.

I can’t get it to work, and I’m completely new to java script. Please give me some alternative code or some suggestions. Thanks!

[andonbray]

Thank you very much. For now I’m going to use what you helped me do, but I’ll think about your suggestion. I actually originally decided to do it this way because I thought it’d be less effort than stylizing the form with CSS. (I can easily read HTML and CSS, but I’m not proficient enough to write efficiently.)

I probably should consider your suggestion more seriously, as I’m an aspiring graphic designer dabbling in web design.

Thanks,
Brandon

[andonbray]

Would it be hard to use Bootstrap on a WordPress blog?

[andonbray]

I decided to forgo the whole jquery thing like you suggested, but now I’m having trouble styling the form. I’m trying to duplicate the styles on this form. I got the submit button to look good, but now I can’t get the form to look right. I also need them inline, and the code I know isn’t working.

I’d appreciate if you could take a look:
http://codepen.io/andonbray/pen/IhkdF

Sorry for the hassle, and thanks for the time you’ve taken so far.

[Author]

Posts