How do I create a drop down/expanded window?

melisadickinson
melisadickinson
edited July 2018 in Campaign Portal Building

Not sure if I can explain this well...

Is there a way to create a page with a single line that when clicked on would open a window with more info on the same page? 

Also, which Markup Parser?

Post edited by melisadickinson on

Comments

  • cgregory
    cgregory
    Posts: 780

    I always use the following setup

    image

    Is this what you are looking for

    https://dead-men-tell-no-tales.obsidianportal.com/wikis/testpopup

    If you are using Chrome this might not work, but it does with other browsers

    The HMTL for your page

    <p>Here's 3 hidden paragraphs</p>

          <div>

             <a href="#" class="hide1" tabindex="0">Show</a>

             <a href="#" class="show1" tabindex="0">Hide</a>

             <div class="list1">

                <p>paragraph 1</p>

                <p>paragraph 2</p>

                <p>paragraph 3</p>

             </div>

          </div>

       <p>How about that?</p>

    The Custom CSS

    .list1 {

    display: none;

    list-style-type: none;

    margin: 0;

    padding: 0;

    }

    .show1 {display: none; }

    .hide1:focus + .show1 {display: inline; }

    .hide1:focus { display: none; }

    .hide1:focus ~ .list1 { display:inline; }

    @media print { .hide1, .show1 { display: none; } }

    If you are using Chrome you can sort of make it work using instead using animation to show the text, but it will show when you hover over the text rather than click. If you are interested in that I can provide the code for that.  The effect will look sort of like the link below but not exactly since you can choose how you want to animate it.

    https://x-com-defiance.obsidianportal.com/wikis/gear

     

    They are among us!

    image

                       XCom: Defiance - Campaign of the Month November 2016

     

     

Sign In or Register to comment.

March 2024
Wrath of the Highborn

Read the feature post on the blog
Return to Obsidian Portal

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

Discussions