Question: I have a `<p>` tag that I need to hide the text in. There is also a `<span>` inside the `<p>` of which I dont want to hide this text. Is this possible to do without changing the markup using jQuery?

Fiddle: <http://jsfiddle.net/ghogdc0x/2/>

html:

```
<p class="class">
    <span>Text not to hide</span>
    <br>
    Text to hide
</p>

```

Answer: 
You can use the css visibility property:

```
$('.class').css('visibility', 'hidden');
$('.class').children().css('visibility', 'visible');

```

[Here is a working codepen](http://codepen.io/peteTalksWeb/pen/epOQOb)

And then you could make it visible again by doing:

```
$('.class').css('visibility', 'visible');

```
Use this and try to wrap the text to be hide in a wrapper p element like

```
<p><span>Text not to hide</span><br/><p>Text to hide</p></p>

$('p').find('*').not('span').css('display','none');

```