Ask New Questions

Developer
Shannon Range
Size
3,041 Kb
Views
10,120
  1. Ask New Questions Previews
  2. Ask New Questions HTML Codes
  3. Ask New Questions CSS Codes
  4. Ask New Questions JS Codes

How do I make an ask new questions?

What is a ask new questions? How do you make a ask new questions? This script and codes were developed by Shannon Range on 10 November 2022, Thursday.

Ask New Questions Previews
IQ Test

Ask New Questions - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Ask New Questions</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div id="new-questions-header">	<span class="qhead usualq">usual question</span> <span class="qhead newq">new question</span><span class="hint">(Hover over the usual question to see the new question)</span>	<div id="question1"> <div class="question-container"> <div class="usual-question"><div>	How do we buffer children from adversities?</div></div> <div class="question-mark"><div>?</div></div> <div class="new-question">	<div>	What's causing these adversities and who benefits?</div></div> </div>	</div>
<div id="question2"> <div class="question-container"> <div class="usual-question"><div>	What policies can improve conditions for young children?</div></div> <div class="question-mark"><div>?</div></div> <div class="new-question">	<div>	Who’s at the table making decisions? Who’s left out? Who decides?</div></div> </div>	</div>
<div id="question3"> <div class="question-container"> <div class="usual-question"><div>	How do we get policymakers to understand the importance of investing in the early years?</div></div> <div class="question-mark"><div>?</div></div> <div class="new-question">	<div>	How can we build a movement that will compel policy makers to listen and act?</div></div> </div>	</div>
<div id="question4"> <div class="question-container"> <div class="usual-question"><div>	How do we help low-income families, especially families of color, make better parenting decisions?</div></div> <div class="question-mark"><div>?</div></div> <div class="new-question">	<div>	How do we advance racial justice and improve socioeconomic conditions in low-income communities of color?</div></div> </div>	</div>
<div id="question5"> <div class="question-container"> <div class="usual-question"><div>	How can we help children in neglectful or abusive situations?</div></div> <div class="question-mark"><div>?</div></div> <div class="new-question">	<div>	Why do parents have so much difficulty providing a loving, nurturing environment for their babies?</div></div> </div>	</div>
<div id="question6"> <div class="question-container"> <div class="usual-question"><div>	How do we ensure more children are kindergarten-ready?</div></div> <div class="question-mark"><div>?</div></div> <div class="new-question">	<div>	How do we ensure all families have access to affordable, high-quality early care and education?</div></div> </div>	</div>
<div id="question7"> <div class="question-container"> <div class="usual-question"><div>	How can we increase the number of mothers who breastfeed?</div></div> <div class="question-mark"><div>?</div></div> <div class="new-question">	<div>	How can we ensure that mothers have the time and privacy to pump at work?</div></div> </div>	</div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='http://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

Ask New Questions - Script Codes CSS Codes

body {
width:580px; font-family:Helvetica, arial, sans-serif; background:#F3F0E9; border:1px solid
}
#new-questions-header {	overflow:auto;	background:#fff;	border-radius:20px;	padding-bottom:3em;
}
.question-container { width:100%; float:left; height:212px; position:relative; border-bottom:6px solid #F3F0E9;
}
#question1 .question-container { border-top:6px solid #F3F0E9;
}
.question-container:hover {	cursor:pointer;
}
.usual-question:hover { background:#f3f0e9;
}
.usual-question { height:212px; color:#292622; margin: 0; width:50%; text-align: center; color: rgb(41, 38, 34); overflow:hidden; position:absolute; z-index:99; padding:0; background:#fff;
}
.question-mark { position:absolute; right:0; width:50%; float:left; margin:0; z-index:1; height:200px; background:#fff;
}
.new-question { margin: 0; position: absolute; width:50%; text-align: center; color: rgb(41, 38, 34); overflow:hidden; font-size:1.5em; height:212px; background:#fff; font-weight: 600; z-index:1;
left:0;
}
.usual-question div,
.question-mark div,
.new-question div { position:absolute; top:50%; transform: translateY(-50%); text-align:center; width:80%; margin:0 10%;
}
.qhead { display:block; width: 50%; float: left; text-align: center; padding: 1em 0; text-transform: uppercase; font-weight: 600;
}
span.hint { display: block; text-align: center; font-style: italic; margin: 0 0 1em 0; color: #888;
}

Ask New Questions - Script Codes JS Codes

 $(function() { var state = true; $( "#question1 .question-container" ).mouseenter(function() { if ( state ) { $( "#question1 .new-question" ).delay(200).animate({"left":"50%"}); } else { $( "#question1 .new-question" ).delay(200).animate({"left":0}); } state = !state; }); }); $(function() { var state = true; $( "#question2 .question-container" ).mouseenter(function() { if ( state ) { $( "#question2 .new-question" ).delay(200).animate({"left":"50%"}); } else { $( "#question2 .new-question" ).delay(200).animate({"left":0}); } state = !state; }); }); $(function() { var state = true; $( "#question3 .question-container" ).mouseenter(function() { if ( state ) { $( "#question3 .new-question" ).delay(200).animate({"left":"50%"}); } else { $( "#question3 .new-question" ).delay(200).animate({"left":0}); } state = !state; }); }); $(function() { var state = true; $( "#question4 .question-container" ).mouseenter(function() { if ( state ) { $( "#question4 .new-question" ).delay(200).animate({"left":"50%"}); } else { $( "#question4 .new-question" ).delay(200).animate({"left":0}); } state = !state; }); }); $(function() { var state = true; $( "#question5 .question-container" ).mouseenter(function() { if ( state ) { $( "#question5 .new-question" ).delay(200).animate({"left":"50%"}); } else { $( "#question5 .new-question" ).delay(200).animate({"left":0}); } state = !state; }); }); $(function() { var state = true; $( "#question6 .question-container" ).mouseenter(function() { if ( state ) { $( "#question6 .new-question" ).delay(200).animate({"left":"50%"}); } else { $( "#question6 .new-question" ).delay(200).animate({"left":0}); } state = !state; }); }); $(function() { var state = true; $( "#question7 .question-container" ).mouseenter(function() { if ( state ) { $( "#question7 .new-question" ).delay(200).animate({"left":"50%"}); } else { $( "#question7 .new-question" ).delay(200).animate({"left":0}); } state = !state; }); });
Ask New Questions - Script Codes
Ask New Questions - Script Codes
Home Page Home
Developer Shannon Range
Username silentkrange
Uploaded November 10, 2022
Rating 3
Size 3,041 Kb
Views 10,120
Do you need developer help for Ask New Questions?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Shannon Range (silentkrange) Script Codes
Name
Take Action talk bubbles with SVG
Heartbeart sparkline animated d3
Ammap3 - US heat map
Hover.css
Post-It Note Card Flip - CSS only
Animated bar charts in sequence
D3 Productivity-Wage Gap bar chart
SVG line graph
D3 line chart 2
Count up with commas
Create amazing art & images with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!