Browse files

accordian view

  • Loading branch information...
1 parent 2c68577 commit 630928a46fb53494030ec184f95788a34f3d1344 @hamsharan committed Dec 20, 2011
Showing with 45 additions and 1 deletion.
  1. +32 −1 info.html
  2. +13 −0 styles.css
@@ -19,12 +19,43 @@
<script type="text/javascript">
$(document).ready(function() {
+ $("#accordion").accordion();
<div id="nav" page="info"></div>
<div id="container">
+ <div id="accordion">
+ <h3><a href="#">What is a Photography Club?</a></h3>
+ <div>
+ <p>
+ A Club where anyone with passion for any sort of photo's can come and feel at home. We meet and share the knowledge pertaining to a wide range of photographs. A place for new commers to learn about the skill and percision involved in mastering the skill of photography.
+ </p>
+ </div>
+ <h3><a href="#">Who is welcome?</a></h3>
+ <div>
+ <p>
+ Anyone with a passion for photo's or anyone willing to explore this field. Everyone is welcomed with open arms.
+ </p>
+ </div>
+ <h3><a href="#">What is required</a></h3>
+ <div>
+ <p>
+ We do not have any requirements as to what you should have. We know not everyone has a DSLR and we welcome anyone and are able to help anyone with the questions they may have if we can do so. Feel free to come and teach others who may want to purchase a camera or even learn how to use their existing one.
+ </p>
+ </div>
+ <h3><a href="#">Rules</a></h3>
+ <div>
+ <p>
+ There are no rules written in stone. But we do have a few guidlines we abide by.
+ </p>
+ <ul>
+ <li>1. The goal is to teach others and let the art of photograpgy expand. Thus be considerate when voicing strong opinions.</li>
+ <li>2. Will not tolerate any sort of abuse/violence or misuse of the club resources</li>
+ <li>3. Have fun! :)</li>
+ </ul>
+ </div>
+ </div>
@@ -214,4 +214,17 @@ a:hover.close {background: url(bt_close.png) no-repeat left -19px;}
position: relative;
z-index: 3;
display: none;
+/*accordian info page*/
+#accordion {
+ width: 80%;
+ margin-top: 5%;
+ margin-bottom: 5%;
+ margin-left:10%;
+#accordion a {
+ color:red;
+#accordion p {
+ font-style:italic;

0 comments on commit 630928a

Please sign in to comment.