javascript - Jquery: if link is clicked open pop up and close all current pop up which are open -


i managed create jquery command opens pop (.more-news). in page there several links open different pop up's. pop has closing button, if user clicks on link opens pop overlay each other shown on image. avoid want jquery command if click link open pop first closes other open pop avoid overlay.

any suggestions?

post link open pop up:

<article class="news-thumb">                         <time>08/07/2013</time>                         <div class="news-info">                             <img src="images/news/post-2.jpg" alt="#">                             <h1>main title</h1>                             <p>lorem ipsum su madre. lorem ipsum su madre. lorem ipsum... </p>                             <a href="#" class="more-btn-2">read more <i class="sprites-more-news"></i></a>                         </div>                     </article>

pop code:

<article class="more-block-1">                         <div class="more-news">                             <h1>main title</h1>                             <a href="#" class="pop-link">                                 <i class="sprites-pop-news-close"></i>                             </a>                             <div class="more-text">                                 <p>                                     donec ligula eget dolor ornare adipiscing. ut varius pulvinar nisi eget feugiat. sed dictum ante nec pharetra tincidunt. nulla eget aliquam lacus, vitae ullamcorper lacus. suspendisse ultricies quis orci in aliquam. morbi eget elit felis. etiam consectetur eleifend libero varius lacinia. proin justo felis, viverra lobortis                                 </p>                                  <p>                                     donec ligula eget dolor ornare adipiscing. ut varius pulvinar nisi eget feugiat. sed dictum ante nec pharetra tincidunt. nulla eget aliquam lacus, vitae ullamcorper lacus. suspendisse ultricies quis orci in aliquam. morbi eget elit felis. etiam consectetur eleifend libero varius lacinia. proin justo felis, viverra lobortis                                 </p>                             </div>                         </div>                     </article>

jquery command fade in pop up:

all pop codes have in common class .more-news.

$(function() {         $(".more-btn-1").on('click', function() {             // code closes rest of open pop ups             $('.more-block-1').fadein('slow');             return false;         });     });

enter image description here

if popups share class .more-news, can hide element class before show current popup.

code:

$(function() {     $(".more-btn-1").on('click', function() {         // code closes rest of open pop ups         $('.more-news').not('.more-block-1').fadeout();         $('.more-block-1').fadein('slow');         return false;     }); });

example: http://codepen.io/skimberk1/pen/28f7917d229a359de7ee13557d742843

dryer example: http://codepen.io/skimberk1/pen/a0c35556dd938c87159ebac81d141290


Comments

Post a Comment

Popular posts from this blog

java.util.scanner - How to read and add only numbers to array from a text file -

i'm learning java , have question regarding reading file want read numbers file contains strings well. here example of file: 66.56 "3 java 3-43 5-42 2.1 1 and here coding: public class test { public static void main (string [] args){ if (0 < args.length) { file x = new file(args[0]); try{ scanner in = new scanner( new fileinputstream(x)); arraylist<double> test = new arraylist<>(); while(in.hasnext()){ if(in.hasnextdouble()){ double f=in.nextdouble(); test.add(f);} else {in.next();} } catch(ioexception e) { system.err.println("exception during reading: " + e); } } my problem add 66.56,2.1 , 1 doesn't add 3 after "3 or ignores 3-43 , 5-42 can tell me how skip strings , add doubles here? thanks all said 3 ie; "3, 3-43 , 4-42 strings either u read string , split , check number @ " , - or put in space between characters , integers. jvm after compilation tre...
Read more

rewrite - Trouble with Wordpress multiple custom querystrings -

i'm working on adding multiple querystring , doesn't seem work. i've found codes seems work others might i'm missing something. i want like: http://mydomain.com/board/?getyear=2013&getsometext2=sometext to http://mydomain.com/board/2013/sometext/ i added code below functions.php file. doesn't seem work should though. this works. echoing querystring gets both variable without problem. http://mydomain.com/board/2013/sometext/ but doesn't. tested querystring vis isset() seems nothing being set/get http://mydomain.com/board/2013/ function add_query_vars($vars) { $vars[] = "getyear"; $vars[] = "getsometext2"; return $vars; } add_filter('query_vars', 'add_query_vars'); function add_rewrite_rules($arules) { $anewrules = array('board/([^/]+)/([^/]+)/?$' => 'index.php?pagename=board&getyear=$matches[1]&getsometext2=$matches[2]'); $arules = $a...
Read more