Question

So I am using a jQuery accordion for a job interview project and really want it to be smooth so I it looks good.

http://cpkdesign.com/uiaustin

It is on the left hand side. There are a few other things too. When you click a link there is an awkward blue selection box that appears, also I would like to turn on the small triangle images so they aren’t strangely placed like they are now.

Answer 1

really want it to be smooth so it looks good

You really need to define this more, but I presume you are talking about how the contents of the accordion jump when it is opened.

This seems to be due to the default margin that is applied to the s. Setting margin: 0; on these fixes the problem. Better yet, use a css reset. This one is widely used.

When you click a link there is an awkward blue selection box that appears

You can use outline on the elements to remove this.

outline: 0;

See http://css-tricks.com/removing-the-dotted-outline/ for more help.

I would like to turn on the small triangle images so they aren’t strangely placed like they are now

As for the arrows, you can apply the following css in order to position them:

.arrow-down {
  position: absolute;
  left: 230px;
  margin-top: 5px;
}