Skip to main content

Forums

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #261556
    Ayala
    Participant

    Hi,

    My jQuery doesn’t work.

    I would like that if I click one question, the text would be visible. and if I click there again, it should be invisible again.
    And the other thing, I would like that only one text of question would be visibly in one time.

    https://codepen.io/Ayalann/pen/MExpjy

    #261558
    Paulie_D
    Moderator

    You can’t animate a height to auto either in CSS or JS.

    I’d suggest you use another reveal method.

    #261568
    Ayala
    Participant

    https://codepen.io/Ayalann/pen/MExpjy

    I changed the code.

    It works only the height is “auto” as default, but I would like it “0”.

    The other thing, I would like that if I click one of question, then the other closes.

    #261569
    Paulie_D
    Moderator

    You’need to include a function to select all the .question elements that are not $this and close the child elements.

    https://stackoverflow.com/questions/437958/jquery-exclude-this-from-selector

    #261570
    Ayala
    Participant

    Actually I have no idea how it works.
    There is no height: 0 in the code, but it does close! How?

    #261571
    Shikkediel
    Participant

    Never mind, there seems to be more to the question…

    #261572
    Ayala
    Participant

    I am sorry, in meantime I have changed the code. :)
    I am almost there.
    Now my main problem is that the “$(this).next()” doesn’t work.
    I want to reach the div “.more” after the div “.question”.

    #261582
    bearhead
    Participant

    Hi Ayala, is this the functionality you are looking for?
    https://codepen.io/kvana/pen/JrzOzE

    I made the .more divs children of their respective .question divs (I think it simplifies the js) .

    Also, if you’re using jquery you need to make sure that the library is linked. In code pen you can do this by opening the js settings and selecting jquery under add external javascript.

    #261584
    Shikkediel
    Participant

    Edit – didn’t see bearhead’s post (looks more straightforward)…

    And I messed something up meanwhile anyway. :-)

    #261586
    Ayala
    Participant

    Almost.
    I would like to close both.

    #261591
    bearhead
    Participant

    I’ve updated my pen to allow both to be closed at the same time.

    #261593
    Ayala
    Participant

    Thank you!
    It is perfect! :)

Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.
icon-link icon-logo-star icon-search icon-star