6 berichten aan het bekijken - 1 tot 6 (van in totaal 6)
  • Q:
    Bijdrager
    hifi

    Div naar een bepaalde grootte brengen

    Hallo,

    Ik ben bezig aan een soort van portfolio site waar ik gebruik maak van 100% height divs naast elkaar die heel smal zijn met daarin een bepaalde inhoud. Nu wil ik dat als men op bekijk project drukt (link bovenaan de div) dat de div opent naar een andere breedte zodat alles goed zichtbaar wordt

    Dus

    Div heeft nu 210px breedt, maar als men klikt zou dit 400px ofzo moeten worden.

    Bijdrager
    Howl

    Hallo,

    Dan zou je beter jQuery gebruiken.

    Zo even rap uit het hoofd:

    <br />
    $("id_of_class_van_je_div").click(function(){<br />
          $("je_div_met_210px").css("width", 400);<br />
    });<br />
     

    Er zijn nog andere manieren hiervoor, maar dit kan je wel op het goede spoor brengen;)

    Bijdrager
    Dr. Maddox

    Daar heb je een javascript voor nodig. Google eens op animated accordion en jQuery.

    Hier een mooie tutorial/template voor het accordion effect waar je naar zoekt:
    http://www.marghoobsuleman.com/mywork/jcomponents/accordion-common/accordion.html
    http://www.marghoobsuleman.com/jQuery-common-accordion

    Bijdrager
    Almerrrrr

    Als je jquery gaat gebruiken kun je ook gebruik maken van de functie animate dan wordt het:

    <br />
    $("id_of_class_van_je_div").click(function(){<br />
          $("je_div_met_210px").animate({width:400px, 5000});<br />
    });<br />
     
    Bijdrager
    Howl

    Zoals je ziet, je heb veel manieren;)

    Bijdrager
    hifi

    TNX

6 berichten aan het bekijken - 1 tot 6 (van in totaal 6)

Je moet ingelogd zijn om een reactie op dit onderwerp te kunnen geven.