[2 days left] What’s wrong with your cloud strategy? Learn why multicloud solutions matter with Nimble Storage.Register Now

x
?
Solved

A page to have its own footer separate from the other pages

Posted on 2016-11-12
3
Medium Priority
?
61 Views
Last Modified: 2016-11-12
I want a button like this:
<div id="post1">
<span class="collapsed">
 <a href="javascript:void(0)" style= "font-size:20px; color:#2B65EC"> Why are annotations so important?</a>
</span>

<span class="expanded">
<a href="javascript:void(0)" style= "font-size:20px; color:#2B65EC">Less</a>
 <p style= "font-size:20px;color:#347C2C;">They benefit you by allowing other users to paraphrase words, allowing more opinions to be shown to help you understand the big idea, as well as marking your own reading/writings to know where you left off. </p>
 
</span>
</div>

Open in new window


It works fine, but I want that when I click on "Want to learn more" , I get a whole new section on the page something like a footer black with its own background. Any idea on how I could have this done?
Here is my JS code:
<script>
$( function() {
    $( "#dialog" ).dialog({
      autoOpen: false,
      show: {
        effect: "blind",
        duration: 1000
      },

    });
 
    $( "#opener" ).on( "click", function() {
      $( "#dialog" ).dialog( "open" );
    });
  } );
</script>

Open in new window

0
Comment
Question by:Jasmine Ikhreishi
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
3 Comments
 
LVL 1

Author Comment

by:Jasmine Ikhreishi
ID: 41884591
I want in the footer to be "Want to learn more", then when it is clicked, there are sub-buttons like you can open on and read more and when its clicked to have its own background
0
 
LVL 59

Accepted Solution

by:
Julian Hansen earned 2000 total points
ID: 41884601
something like a footer black with its own background
Can you explain this a bit more?
Can you provide a screen shot of what you want?
0
 
LVL 1

Author Comment

by:Jasmine Ikhreishi
ID: 41884604
I have another question where I posted an image of what I want, can you take a look at that?
https://www.experts-exchange.com/questions/28982644/Create-a-new-template.html
0

Featured Post

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Nothing in an HTTP request can be trusted, including HTTP headers and form data.  A form token is a tool that can be used to guard against request forgeries (CSRF).  This article shows an improved approach to form tokens, making it more difficult to…
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…

649 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question