How to hide half of a div in Jquery

<div class="more">
<p>
  Your trip originates&nbsp;in Buffalo Narrows&nbsp;where you are flown via
charter floatplane to Vermilion Lake. Vermilion and other nearows&nbsp;where you are flown via
charter floatplane to Vermilion Lake. Vermilion and other nearby
lakes&nbsp;provide a variety&nbsp;of terrain and adventure, and are abundant
with walleye, lake trout and northern pike.
<ul>
  <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
    <li>Item 4</li>
    <li>Item 5</li>
    <li>Item 6</li>
    <li>Item 7</li>
    <li>Item 8</li>
    <li>Item 9</li>
    <li>Item 10</li>
</ul>
</p>

I am trying to hide first 100 characters of this html but it is only the characters from the paragraph and the list is is not hiding.