在Zurb Foundation 5.5.3中,我如何只显示一个"阅读更多"使用'缩短"来显示2列列表JS插件

时间:2017-01-25 02:06:10

标签: jquery css3 zurb-foundation zurb-foundation-5

我使用Zurb Foundation 5.5.3和CSS(并且不希望使用SASS)。我正在运行Windows 7.我使用Jquery Shorten来显示语言列表https://github.com/viralpatel/jquery.shorten

我正在努力减少从两个"阅读更多"只需一个"阅读更多" (最好保持一个在右边。见下面的截图:

enter image description here

这是我的HTML:

<div class="row">
 <div class="small-12 medium-6 columns">
    <ul class="noindent">
      <li>Albanian transcription and translation</li>
      <li>Amharic transcription and translation</li>
      <li>Arakanese transcription and translation</li>
      <li>Armenian transcription and translation</li>
      <li>Azerbaijani transcription and translation</li>
    </ul>
 <div>
    <ul class="comment-small noindent">
      <li>Aymara transcription and translation</li>
      <li>Belarusan transcription and translation</li>
      <li>Bengali transcription and translation</li>
      <li>Bhilali transcription and translation</li>
      <li>Burmese transcription and translation</li>
      <li>Cambodian transcription and translation</li>
      <li>Caqchiquel transcription and translation</li>
      <li>Chechen transcription and translation</li>
      <li>Creole transcription and translation</li>
      <li>Dari transcription and translation</li>
      <li>Dinka transcription and translation</li>
      <li>Faroese transcription and translation</li>
      <li>Farsi transcription and translation</li>
      <li>Flemish transcription and translation</li>
      <li>Fujianese transcription and translation</li>
      <li>Fulani transcription and translation</li>
      <li>Georgian transcription and translation</li>
      <li>Uzbek transcription and translation</li>
      <li>Greenlandic transcription and translation</li>
      <li>Guarani transcription and translation</li>
      <li>Gujerati transcription and translation</li>
      <li>Hassaniya transcription and translation</li>
      <li>Fujianese transcription and translation</li>
      <li>Icelandic transcription and translation</li>
      <li>Inuktitut transcription and translation</li>
      <li>Kazahk transcription and translation</li>
      <li>Khmer transcription and translation</li>
      <li>Kinyarwanda transcription and translation</li>
      <li>Lingala transcription and translation</li>
      <li>Maasai transcription and translation</li>
      <li>Macedonian transcription and translation</li>
      <li>Malay transcription and translation</li>
    </ul>
  </div>
 </div>
      <div class="small-12 medium-6 columns">
    <ul class="noindent">

    <li>Marathi transcription and translation</li>
    <li>Mongolian transcription and translation</li>
    <li>Nepali transcription and translation</li>
    <li>Ossetian transcription and translation</li>
    <li>Papiamentu transcription and translation</li>
    </ul>
 <div>
   <ul class="comment-small noindent">  
    <li>Pashto transcription and translation</li> 
    <li>Kazahk transcription and translation</li>
    <li>Khmer transcription and translation</li>
    <li>Kinyarwanda transcription and translation</li>    
    <li>Lingala transcription and translation</li>
    <li>Maasai transcription and translation</li>    
    <li>Macedonian transcription and translation</li>
    <li>Malay transcription and translation</li>
    <li>Marathi transcription and translation</li>
    <li>Mongolian transcription and translation</li>
    <li>Nepali transcription and translation</li>
    <li>Ossetian transcription and translation</li>
    <li>Papiamentu transcription and translation</li>
    <li>Pashto transcription and translation</li>
    <li>Quechua transcription and translation</li>
    <li>Samoan transcription and translation</li>
    <li>Shanghaiese transcription and translation</li>
    <li>Shona transcription and translation</li>
    <li>Sinhalese transcription and translation</li>
    <li>Somali transcription and translation</li>
    <li>Swahili transcription and translation</li>
    <li>Taiwanese transcription and translation</li>
    <li>Tajik transcription and translation</li>
    <li>Tamil transcription and translation</li>
    <li>Telugu transcription and translation</li>
    <li>Tibetan transcription and translation</li>
    <li>Tzutuhil transcription and translation</li>
    <li>Urdu transcription and translation</li>
    <li>Vietnamese transcription and translation</li>
    <li>Wolof transcription and translation</li>
    <li>Yoruba transcription and translation</li> 
    </ul>
  </div>
 </div>

     </div>

我有这个小提示,显示了2列列表https://jsfiddle.net/setbon/b124wsrk/

0 个答案:

没有答案