如果我们有多篇文章，想要让其中一篇被点击后其他文章都隐藏起来，可以使用jQuery来实现。

$(document).ready(function(){
  $(".article").click(function(){
    $(this).siblings().slideUp();
  });
});

上面的代码中，我们首先使用`$(document).ready()`来确保页面加载完后才执行下面的代码。然后给`.article`绑定一个点击事件，当点击`.article`时，使用`$(this)`选择该元素自己，然后使用`.siblings()`选择其他所有同级元素，最后使用`.slideUp()`将所有其他元素隐藏。

我们也可以使用一些CSS来为文章添加一个样式，让它们变得更加美观。

.article {
  background-color: #f2f2f2;
  padding: 10px;
  margin-bottom: 10px;
  cursor: pointer;
}

.hidden {
  display: none;
}

上面的代码中，我们给`.article`设置了一个背景色、内边距、外边距和一个光标，让其变得更加美观易用。对于隐藏的文章，我们使用`.hidden`来将其隐藏。

最后，我们只需要在HTML中引用上面的代码和CSS，并为文章添加一个`.article`类和一个`.hidden`类即可。