Show

<div class="content-intro>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque justo sapien, pulvinar faucibus vehicula sed, mattis vitae diam. Sed at felis sit amet dui sollicitudin tincidunt ac et nunc. Etiam sagittis est sed ipsum congue egestas. Duis quis ...</p>

<!-- Text generated by ellippsis -->

</div>

<div class="toggle">

... tellus in dui porta tristique eu ut neque. Donec non elit erat, ac aliquam sem. Fusce scelerisque venenatis sollicitudin. Ut porttitor mollis metus, nec pulvinar nisi ultricies nec.

<!-- The rest of the text -->

</div>

<script type="text/javascript">
function toggleMe(a){
  var e=document.getElementById(a);
  if(!e)return true;
  if(e.style.display=="none"){
    e.style.display="block"
  } else {
    e.style.display="none"
  }
  return true;
}
</script>

<a onclick="toggleMe(some_unique_string)">See the rest</a>

<div id="some_unique_string" style="display:none">
    <p>Rest of the text</p>
</div>

$output = '';
$options = !empty($options)?$options:50;
 
if (!empty($input) && !empty($options)) {
  if (strlen($input) > $options) {
    $output = substr($input, 0, strrpos(substr($input, 0, $options), ' ')).' …';
  }
  else{
    $output = $input;
  }
}
return $output;

$options=explode(',',$options);
return count($options)>1 ? substr($input,$options[0],$options[1]) : substr($input,$options[0]);

<div class="grid-6 last">

[[*homepage-content-info:substring=`0,1`]]

<div style="display:none;">
[[*homepage-content-info:substring=`1`]]
</div>

</div>

<div class="grid-6 last">
 
    [[*homepage-content-info:split=`50`]]
 
    <div style="display:none;">
         [[+extra]]
    </div>
 
</div>

<?php
/* split snippet */
$output = '';
$options = !empty($options)?$options:50;
  
if (!empty($input) && !empty($options)) {
  if (strlen($input) > $options) {
    $output = substr($input, 0, strrpos(substr($input, 0, $options), ' ')).'&hellip;';
    $modx->setPlaceholder('extra', substr($input, strlen($output)));
  }
  else{
    $output = $input;
  }
}
return $output;