my GAAP

by matmat

HTML

<div style="padding:10px;width:535px;">
    <div id="MainContent">
        <div class="menutopWL">
<span style="float:left;margin-right:0px!important;"><img   style="background:transparent;" alt="" /></span>

             <h6 style="margin-bottom=5px;display:inline-block;">John Calagan</h6>

<a style="color:#ff7000;font-family:Constantia,Palatino,serif;font-style: italic;">Application Brocante </a>

        </div>
        <div class="contenuWL">
            <div class="ligneSAGAmenu">
                <p>Filtrer par<span><select><option>-- Catégorie --</option></select></span>

                </p>
                <p>Trier par<span><select><option>Date</option><option>Prix</option></select></span>

                </p>
            </div>
            <div class="ligneAPP1" style="border-bottom:none;
">
<span style="text-align:center; width=100%; float:left;cursor:default;">
Pages:1
</span>

<a href="#" title="Détailler / Condenser tout" id="detailmembreWL"><span style="border:none;">Détailler tout / Condenser tout</span><img src="/Images/Icones/arrowdown.png"  style="background:transparent;" alt="" data-etat="0" /></a>

            </div>
            <div class="ligneSAGA1">
                <div class="ligneSAGA1-1"> <span> Corvette 1974 stingray </span>

                </div>
                <div class="ligneSAGA1-2"> <span>Auto-Moto / Collection  </span>

                </div>
            </div>
            <div class="ligneSAGA1" style="height:153px;">
                <div class="ligneSAGA1-3"> <a> <img alt="ahah"/></a>

                </div>
                <div class="ligneSAGA1-4">
                    <div class="ligneSAGA1-5">
                        <div class="ligneSAGA1-6">
                            <p class="prix">1200 €</p>
                        </div>
                        <div class="ligneSAGA1-6">
                            <p>84240 - La tour d'aigues</p>
                        </div>
                    </div>
                    <div...

CSS

.FormulaireAjouter {
    width:100%;
    margin-top:10px;
	display:none;
	padding-bottom: 10px;
	border-bottom: 1px solid gainsboro;
	box-shadow: 1px 1px 5px gainsboro;
}
.ligneSAGA1AJ p {
    width:100%;
}
.FormulaireAjouter select {
    font-family:Calibri;
    font-style:italic;
    border:solid 1px #F5F5FF;
    padding-left:4px;
    width:140px;
    font-size:14px;
    color:grey;
    margin:0;
    height:20px;
}
.ligneSAGA1AJ-1 input {
    width:220px;
    font-style: italic;
    font-size:13px;
    margin-left:10px;
    line-height:20px;
    margin-bottom:0px;
    padding-left:10px;
    color:#990000;
    font-weight:bold;
    font-family: Constantia, Palatino, serif;
    border: 1px solid gainsboro;
    padding: 4px 4px 4px 4px;
}
.ligneSAGA1AJ-1 input:hover {
    border:solid 1px #AAAAAA;
    color:#FF7000;
}
.ligneSAGA1AJ-1 input:active {
    color:#FF7000;
}
.ligneSAGA1AJ-1 label {
    margin-left:10px;
	font-size: 14px;
	font-family: Constantia, Palatino, serif;
	}
	
.AjouterObjet {

    color:#FF7000;
    height:30px;
    line-height:30px;
    text-align:center;
    background:#F5F5FF;
  /*  border-radius:0px 30px 0px 0px;*/
    font-family:'italianno',cursive;
    border:1px solid gainsboro;
    vertical-align:middle;
    cursor:pointer;
    box-shadow:1px 1px 5px grey;
	font-size:25px;
}
.AjouterObjet:hover {
    background:grey;
    border:1px solid black;
    text-shadow:1px 1px black;
	box-shadow:1px 1px 5px grey;
}
.ligneSAGA1AJ-1 {
    width:59%;
    display:inline-block;
    height:60px;
    font-family: Constantia, Palatino, serif;
    color:#990000;
}
.ligneSAGA1AJ-2 {
    width:40%;
    display:inline-block;
    height:60px;
    float:right;
}
.ligneSAGAAJ1-main {
    width:80%;
	min-height:60px;
    padding:10px;
    border:1px solid #F5E6E6;
    margin:auto;
}
.ligneSAGAAJ1-main-1 label {
    margin-right:10px;
    color:#FF7000;
	font-family: Constantia, Palatino, serif;

}
.ligneSAGAAJ1-main-1 select {
    height:20px;
   ...

JavaScript

$(document).ready(function (m) {
     $(document.body).on('click', '.ligneSAGA1-8', function (event) {

         var element = $(this).attr('id');
         var arr = element.split('_');
         var id = arr[1];

         var tp = '#tp_' + id;
         $(tp).toggle('slow');

     });
     $(document.body).on('click', '.inner2', function (event) {

         var element = $(this).attr('id');
         var arr = element.split('_');
         var id = arr[1];
         var tp = '#tp_' + id;

         $(tp).toggle('slow');
         event.preventDefault;
         return false;
     });
     $(document.body).on('hover', '.inner2', function (event) {



     });
 });