JQuery truncate and reveal -

-

I am trying to create an effect on my website, I have a container of information at the top of the page, acting As a header for this specific page, my 'header' item has some text and a bigger image, but this lesson needs to be shortened in certain characters.

HTML 

    
  
 Code> & lt; Div class = "container" & gt; & Lt; Div id = "mytext" class = "text" & gt; & Lt; H1 & gt; Household Advertising & lt; / H1> Door Seat Amet, The Persector Adipisive Elite has worked on a large scale to reach now. There is a very easy and easy way to get more information about you. EuIdom Portter is used by Annexe Favigate, Trepece NEC Special Puter, Teles Fret Arch, Yut Ultra Magna Fellis A.C. We all work on a large scale, but always like. During custom fringle lounculation, suppliers can be used easily. Integer for integer, ID Congo Epsom If you can already get any type of information for any time, or tell me what I am doing, besides, also for me One major theme is Cubatur Eusemod, Dollar in Roanoke Vouchurele, Leo Auto Commodo Orsi, ID Poolwinner Felis Begus Lecce. & Lt; A href = "#" id = "detail-div" & gt; Expand & lt; / A & gt; & Lt; / Div & gt; & Lt; Div class = "image" & gt; Image goes here & lt; / Div & gt; & Lt; / Div & gt;   
 css  
 . Container {width: 500px; Height: 300px; Border: Solid 1px black; Status: Relative; } .image {background: # 00b3f0; Line-height: 300px; Art color; Width: 50%; Text-align: center; } .text {color: black; Height: 100%; Status: Completed; Correct: 0; Background: # 00DD99; Max-width: 50%; } .text a {text-decoration: none; Display: inline-block; Background: white; Art color; Padding: 2px 5px; }   
 JQuery  
  var expand_btn = document.getElementById ('expand-div'). External HTML; Var long_title = document.getElementById ('mytext'). InnerHTML; Var short_title = jQuery.trim (long_title) .substring (0, 240) .split ("") .Slice (0, -1). Include (""); Document.getElementById ('MyText'). InnerHTML = short_title + '-' + expand_btn; Click $ ("# Expand-div") (function (event) {event.preventDefault (); text_div = $ (this) .closest ('div'); div_width = parseInt (text_div.css ('max-width' ("Max-width": "100%"} "slow"); document.getElementById ('expand-' ("max-width": "50%"}, "slow"); document.getElementById (' Expand-div '). InnerHTML =' expansion ';}});   
 I used to show that kind of effect, but I have never done the best by writing JQuery and When I tried to change between the texts, maybe I made mistakes for myself Ideally, I want to animate the trunk effect, but this is not necessary.   
 
 
 It should make the property very easy, it will not work on some older browsers, though.

Comments

Post a Comment

Popular posts from this blog

excel vba - How to delete Solver(SOLVER.XLAM) code -

-
After opening several examples of macro / code written, I suddenly get stuck with a code that seems safe. Solver (SOLVER.XLAM) is doing this notation and I would like to remove it from my system. I do not think this is a relativant code. Can anyone tell me what should I do? I have already installed something to remove the password but Solver is still asking for password and I can not get rid of it! itemprop = "text"> Solver Excel is add-in If you want to delete it, then Excel Application & gt; Options & gt; Add-ins & gt; Search for 'Go to' button and gt; Uncheck the solver on the list like press something (I can not give you the exact path because I have the Polish version of Excel). Trying to open Solver's VBA code is not good because it There is allegedly copyright. Besides, I do not think Solver creates any disadvantages while working with Excel or VBA.
Read more

github - Teamcity & Git - PR merge builds - anyway to get HEAD commit hash? -

-
I have a team city build project with Gitbab VCS route, I have been triggered for both / head on PR and / Merge the referee. The annoying thing is that you can not do anything useful with the merged hash - it is not present in Gitobb. I want to exclude newsgate packages with head in gutub comet situations in the version number along with Hewash (Newsaging 7) for the music build, but against head hash. However, I can not see a way to get the head hashes while constructing that merge. I just want to head because it's useless - we only care about merge. (PR - Pull Request) This command works reliably while running One on / merge is git log --no-merge -1 ---- = '% h'
Read more

ios - Replace text in UITextView run slowly -

-
I have a UITextView and I change a word like the code at the end of UITextView.text: - (void) Replace TexttechWitWord: (NSString *) word {NSString * currentTextViewText = self.textView.text; CurrentTextViewText = [currentTextViewText stringByReplacingCharactersInRange: NSMakeRange ([self.textView.text length] - [word length], [word length]) withString: word; Self.textView.text = currentTextViewText; } Replacement work is fine, but it runs very slowly and very slowly when the textView now lengthens Is there any better way? I try the replacement range: with text for a week but still stuck. Not to know how to use it to replace it in your case. Please guide! Thanks in advance! This is an important job. As you are using an irreversible string and you are creating a very long string and before Assigned to NSString created from. NSString will be used instead of NSMutableString . - (UITableViewCell *) TableView: (UITableView *) Table View CellForOutPath: (NSIndex...
Read more